TITLE The Hours in Words PROMPT A typographic clock with no numerals and no dial: the page states the viewer's actual local time as one enormous sentence that fills the whole viewport, e.g. "It is / twenty / past four / in the / afternoon." Concept: time as language, set like a poster that re-typesets itself every minute. Rounded to the minute in natural English ("just gone half past nine", "nearly noon", "a quarter to midnight", "one minute to six in the morning"); write a careful phrase generator covering every minute, with o'clock, past/to forms, noon and midnight special cases, and day-part suffixes (in the small hours / in the morning / in the afternoon / in the evening / at night). Palette: one flat colour field per hour, 24 hand-picked pairs of background and ink that follow the day (examples: 05h dawn peach #F6C6A8 with ink #3B1F2B; 09h morning yellow #F2C14E with ink #1A1A1A; 13h white-hot #FDF8EC with #E4391B; 17h terracotta #D9663A with #FFF3DC; 21h deep blue #1D3557 with #F1E3C6; 02h near-black aubergine #1A1220 with #C9B8E8). The field blends continuously between hour colours using the minutes, so the page is never the same colour twice in a day. No gradients on screen: flat colour only, plus a very fine paper grain. Typography: the hero. A heavy Didone/serif display stack (Didot, "Bodoni MT", "Playfair Display" if present, Georgia and Century Schoolbook fallbacks) set in tight leading, lowercase, with the key word (the minute phrase) in huge italic; lines are fitted to the viewport width by measuring and scaling each line individually (justified block, each line its own font-size, like a wood-type broadside), so the sentence always forms a solid rectangle of type edge to edge at any screen size. Line breaks are chosen by trying every possible breaking of the sentence and keeping the one whose fitted lines best fill the stage (a slight vertical condensing or extending of the whole block, like condensed and extended cuts of wood type, closes the remainder), with a preference for keeping lines that have not changed. Tiny counterpoint details in tracked monospace caps at the corners: the date written out ("Monday the ninth of November"), the date written out with the year in words, the seconds as a thin progress hairline along the bottom edge that fills over 60 seconds, the time zone name with its offset from Greenwich in words, and the day number of the year, also in words ("Day three hundred and thirteen of the year / fifty-two remain"). No numerals appear anywhere except in the hover translations. Signature moment: the minute change. When the minute turns, the lines that changed do not swap: each letter that differs rolls out upward and the new one rolls in from below with a staggered spring (30ms per letter, cubic-bezier(.2,.9,.2,1.1)), unchanged letters hold perfectly still, and lines re-fit their size with an eased scale so the block re-justifies itself like liquid. On load the sentence assembles the same way from blank. On the hour the field flashes to the ink colour and back in a slow inversion and a line of small text notes the hour ("That was four in the afternoon. It will not happen again today."). Interaction: real time by default. Dragging horizontally anywhere (with a little inertia on release), the mouse wheel, or the arrow keys (left/right one minute, shift for ten, up/down one hour) scrub time forward/back to preview other moments, with the colour field following, and a small designed "now" marker that snaps back when clicked; a subtle toggle switches between plain and "elaborate" phrasing ("it is nine twenty-two" vs "twenty-two minutes past nine in the evening"); pressing F or a corner control goes fullscreen. Hovering a word tilts it slightly and shows its numeric translation in tiny mono ("twenty past = :20"). Reduced motion: letters cross-fade instead of rolling. Must look perfect and fill the screen on a 360px phone in portrait (more, shorter lines) and on ultrawide monitors. DESCRIPTION A clock that is only a sentence. The viewer's local time is written out in lowercase English and set as a wood-type broadside: every line is measured to its ink and scaled to the full width of the screen, the minute phrase in heavy italic, the whole block packed into a solid rectangle on a single flat field of colour that drifts through twenty-four hand-picked pairs across the day, from aubergine small hours through dawn peach, white-hot noon and terracotta evening back to deep blue. When the minute turns the poster re-typesets itself in place: only the letters that differ roll out and in, and the lines swell or shrink to stay flush with both margins. In the corners, tracked monospace capitals carry the date, year, time zone and day of the year, all in words, while a hairline along the bottom edge counts the seconds. The effect is of a printed sheet that happens to be alive, calm at rest and briefly mechanical once a minute. VISUAL TECHNIQUES - Per-glyph canvas text measurement (advance, kerning pairs, ink bounding boxes) so each line is fitted to its true ink edges, not its advance width - Exhaustive line-break search over every partition of the sentence, scored for how fully the fitted lines fill the stage, the size of the italic key phrase, scale contrast and stability against the previous setting - Lines stacked by measured ascent and descent rather than line-height, with a uniform vertical condense/extend to close the block - Letter slots positioned in em units and re-flowed every frame, so a line stays exactly edge to edge while its letters change width mid-transition - Prefix/suffix letter diff per line and longest-common-subsequence matching between old and new lines, so unchanged letters and lines never move - Staggered letter rolls (30ms apart, cubic-bezier(.2,.9,.2,1.1)) clipped to each line's ink band like an odometer; the same curve solved in script to drive the re-justification - 24 background/ink pairs blended in OKLab by the minute and second, with a contrast floor that steers the ink toward black or white where two hours cross - Slow field/ink inversion on the hour with an italic serif note - Procedurally generated fine paper grain tiled over a flat colour field; no gradients - Phrase generator covering all 1,440 minutes in two registers, plus cardinal and ordinal number writers for the date, year, day of year, time zone offset and scrub distance - Reduced-motion variant: letters cross-fade, layout eases without overshoot, no inversion flash INTERACTION MODEL The page runs on the real local clock. Dragging horizontally anywhere scrubs time (right is later), with inertia on release; the mouse wheel does the same, the left/right arrow keys step a minute (ten with shift) and up/down step an hour. While travelling, the sentence re-sets rapidly, the colour field follows, the date corner updates, and the "now" marker at the bottom slides off its centre tick, turns hollow and spells out how far ahead or behind the display is; clicking it (or pressing Escape, Home or N) races the sentence back to the present. A small switch (or the E key) changes between plain phrasing ("it is nine twenty-two") and elaborate phrasing ("it is twenty-two minutes past nine at night"), re-typesetting the block with the full letter roll. Hovering a word tilts it a couple of degrees and raises a small monospace chip with its numeric translation ("twenty past = :20", "in the afternoon = 12:00–16:59"); on touch screens a tap does the same for a moment. F or the corner brackets toggles full screen. Landing on an exact hour, live or by stepping, inverts field and ink for a few seconds and shows a line recording the hour that has just passed. Opening the page with an address ending in a time such as #16:20 starts it on that moment of today.