TITLE The Night Typist PROMPT A working manual typewriter. The viewer types on their real keyboard (or an on-screen key bank on touch devices) and the machine types onto a sheet of paper with all the physical imperfection of ink and steel: uneven impressions, slightly misaligned letters, the carriage shifting one space at a time, a bell near the margin, a satisfying carriage return. Concept: a writing tool where every character is an event. Mood: nocturnal concentration, a desk lamp, 1958; but a light page: the lamp-lit paper dominates. Palette: paper #EFEADF, typewriter ink black #1C1C1C, ribbon red #A31621 (second ribbon colour), machine body in grey-green enamel #5E6B6B with darker #3F4949 and chrome highlights; desk surface a deep warm brown at the edges only, vignetted by lamp light. Composition: the upper two-thirds shows the paper rising out of the machine's platen (roller); the lower third shows the top of the typewriter: the type basket (a fan of type bars), ribbon spools and vibrator, the paper bail with scale markings, the carriage return lever at left, and below it (on wide screens) the keyboard of round glass-topped keys with nickel rims in QWERTY arrangement. The paper, not the machine, moves: as you type, the carriage (paper + platen) shifts left one character; on return it slides back right and the paper feeds up one line. Typing behaviour: characters are rendered on a canvas in a typewriter face (Courier/"Courier New"/"American Typewriter"/monospace) but degraded by hand: each strike gets random vertical misalignment (±1px), slight rotation, variable ink density (a blotchy alpha mask per glyph: heavier at the edges, occasional filled-in "e" and "a" counters, lighter when keys are struck fast), a faint ribbon-texture, and a ghost double-impression now and then. No deleting: Backspace moves the carriage back one space so you can overstrike (XXXX over a mistake), as on a real machine. Shift-lock, a margin bell 8 characters before the right margin, and a hard stop at the margin (keys jam with a dull thud and a small shake until you return). Enter performs the carriage return with a zip and a line feed. Tab jumps to stops. A ribbon selector lever switches black/red. When the page fills, or on "New sheet", the paper is pulled out upward with a ripping-zip motion and floats to a pile at the right, where finished sheets stack slightly fanned (hover a sheet in the pile to read it enlarged). Signature moment: the strike. For each keypress the corresponding key on the drawn keyboard depresses, a type bar swings up from the basket in an arc to hit the ribbon at the printing point (a fast 70ms animation with a snap-back), the ribbon vibrator jumps, the paper shudders minutely, the letter appears with an ink "settle", and the carriage steps. With sound on, each strike has a distinct synthesised clack (noise burst through resonant filters, pitch varied per key, space bar deeper), the bell is a clear sine ding with decay, the return a ratcheting zip. Sound is off until the viewer flips the designed lamp-switch-style toggle. First three seconds: the machine types the opening by itself with human rhythm: "It was a quiet night, and the page was patient." then a carriage return, then the cursor position waits with a softly pulsing printing-point guide. A tiny engraved plate on the machine reads "Halden Portable · Model 5". A small card leaning against the machine gives the designed hints in typed text: "type. enter returns the carriage. backspace does not forgive." Touch devices: a compact on-screen keyboard styled as the round keys, sized for 360px width, and the paper view above it. Accessibility: typed text is mirrored into a visually hidden live region; the keys are focusable buttons. Reduced motion: no type-bar swing or shake; letters appear with the ink texture only. Additions that belong to the brief as built: the untyped remainder of the sheet stands upright behind the platen and shortens as the typed part feeds up in front of it; the pile starts with three sheets already typed earlier that night (a service card in red and black, a letter, a draft with an XXXXXXXX overstrike); a mechanical five-digit strike counter sits beside the nameplate on wide screens; the chrome carriage return lever is itself a button; a desk-lamp shade leans into the top-left corner on wide screens. Because Tab is a typewriter key here, Tab jumps to stops while the page has focus, Shift+Tab reaches the on-screen controls, and Escape hands the keyboard back to the paper; the hint card says so. Input typed during the opening line is held and typed once the machine has finished. DESCRIPTION A Halden Portable, Model 5, sits on a lamp-lit wooden desk in 1958. A sheet of warm paper rises out of its black rubber platen and fills the upper part of the view; below it are the grey-green enamel deck with its fan of steel type bars, two ribbon spools, a nickel nameplate, a strike counter, and a bank of round glass-topped keys. The machine types its own first line with a human rhythm, returns the carriage, and then waits with a pulsing red caret at the printing point. From there every key the viewer presses is a physical event: the key sinks, a type bar leaps from the basket, the ribbon jumps, the paper shudders, an imperfect inked letter lands and settles, and the whole carriage steps one space to the left. Nothing can be erased, only struck over. Finished sheets are pulled out and drift onto a fanned pile that can be read again. VISUAL TECHNIQUES - Per-glyph ink synthesis on a 2D canvas: each character is drawn to an offscreen stamp with a fill plus a heavier outline, then cut by a randomly offset alpha mask combining low-frequency blotch noise, a diagonal ribbon-weave pattern and dropout specks, and multiplied onto the sheet so overstrikes darken - Persistent per-slug misalignment (every character has its own fixed offset and tilt; the e always sits a hair high) plus per-strike jitter, speed-dependent ink density, occasional clogged e and a counters, ghost double impressions, and black bleed at the top of red letters - Procedural paper: flecks and curved fibres drawn into each sheet, with the unfed part of the sheet standing behind the platen and a wrap shadow where the paper curls around the roller - Type basket generated as SVG: 42 type bars on a foreshortened elliptical fan, each mapped to one key; a struck bar is redrawn per frame along a quadratic arc to the printing point with a thickening that fakes depth, a motion smear, and a cubic snap-back - Carriage built from layered CSS gradients (rubber platen, knurled knobs, chrome paper bail with engraved scale, tab-stop marks, rubber rollers) moved by transform transitions with overshooting cubic-bezier steps and a long eased return - Round keys made from a conic-gradient nickel rim on the border box, a dark legend disc on the padding box and a glass highlight overlay, with spring-curved press and release - Wet-ink settle: a blurred duplicate of each letter fades and contracts over the fresh impression - Sheet ejection choreographed with the Web Animations API: an accelerating pull out of the platen, then a measured flight with rotation and a soft landing on the pile - Synthesised sound with the Web Audio API: noise bursts through resonant band-pass filters pitched per key, a low thump for the space bar, a three-partial sine bell, a ratcheting zip for the return, a dull thud for the jammed margin, a rising tear for the pulled sheet - Lamp-light atmosphere: a radial pool of warm light over a wood-grain desk, a deep brown vignette, tiled film grain, and an enamel lamp shade with a brass rim in the corner - Mechanical details: rolling five-digit strike counter, spools that advance with every strike, a bell dome that rings visibly, a ribbon vibrator that lifts higher for red than for black INTERACTION MODEL Typing on a physical keyboard prints onto the sheet; on touch devices the on-screen bank of round keys does the same, with SHIFT acting for one character and LOCK holding capitals. Each key press depresses its drawn key, swings its type bar, prints a degraded letter and steps the carriage one space left. Space steps without printing. Backspace moves the carriage back one space without erasing, so mistakes can only be struck over. Enter (or the RETURN key, or clicking the chrome lever on the carriage) slides the carriage back and feeds the paper up one line. Tab jumps to the next stop, marked in red on the scale. Eight characters before the right margin a bell rings; at the margin the keys jam with a thud and a shake until the carriage is returned. The ribbon lever switches between black and red ink. The New sheet key, or filling the page, pulls the sheet out and sends it to the pile at the right (top right on phones); hovering, focusing or tapping a sheet in the pile shows it enlarged, and moving away, pressing Escape or tapping elsewhere puts it back. The lamp-style toggle hanging on its cord in the top-right corner turns the synthesised sound on and off; it starts off. Shift+Tab moves keyboard focus to the controls, Enter or Space activates a focused control, and Escape returns the keyboard to the paper. Everything typed is mirrored into a visually hidden live region for screen readers. With reduced motion requested, the type-bar swing, shudders, jam shake and sheet flight are removed and letters simply appear with their ink texture.