Type is time
A reader is a metronome. Every typeface is a tempo marking — some faces run, some faces walk. This page is an instrument for hearing the difference: turn the weight, open the tracking, pull the measure, and watch the words change their minds.
Scroll to play it. Move the pointer across the line in §04 to interrogate it.
Type moves with the scrollbar
Interletter space is borrowed time
Open the tracking and you have not made a page airier. You have made the reader travel further between two meanings. Legibility is a distance problem before it is a shape problem, and a face set with its letters too close together turns every word into a small crowd.
The four lines in §03 are one sentence — set it once, read it twice — at four different distances. Nothing about the wording changed. Only the tempo did.
Four tempos, one sentence
Same twenty-eight characters, four distances apart. Each row is a fixed step away from the tracking you set in the panel, and the value beside its name is the value it is being rendered at — read it and the row is exactly there.
Set it once, read it twice
Set it once, read it twice
Set it once, read it twice
Set it once, read it twice
A line is a promise to come back
Move the pointer across the line and every letter within reach opens its sidebearings and takes the ink. The needle on the ruler is that position; the count beside it is how many letters it is currently influencing.
The eye returns to the left margin, or it does not return.
Kerning is the only opinion in the trade
Stem weight, x-height, contrast and fit can all be measured. Kerning is a judgement about two letters that were never adjacent in the punchcutter's hand. Each pair is set at the tracking its own scale states; hover or focus to open it, click to hold it open. Set at is the setter's decision in thousandths of an em. The Tuning panel reports a different number for the same four pairs — the face's own kern, measured with tracking off — because that one is a property of the typeface and this one is a decision made on top of it. The two add; they are not competing answers to the same question.
The oldest pair in the pantheon, and still the one that fails. The diagonal of the A and the diagonal of the V meet at a point that reads as a notch. Close them and the eye stumbles over a wedge.
Too tight −0.14 Too open +0.02
Set at −0.06em
A flat arm over an open bowl. Set tight, the T's arm overhangs the o's shoulder and the pair reads as if the o were ducking.
Too tight −0.06 Too open +0.01
Set at −0.03em
The descender splits the counter of the o in two. Too tight and the o closes into a b; too loose and you get two unrelated letters pretending to be a word.
Too tight −0.10 Too open −0.01
Set at −0.055em
A leg that needs air. The r's arm extends the line of the y's shoulder; without space the pair fuses into a shape belonging to no letter at all.
Too tight 0 Too open +0.06
Set at +0.035em
The measure is the return sweep
Below roughly forty-five characters the return starts to collide with the line just finished, and the reader re-reads without knowing it. Above seventy-five the eye loses the start of the sentence it is standing in. Every complaint about the web being too wide is somebody describing this number.
The measure is the distance your eye travels before it is obliged to return to the left margin. It is the single cheapest performance decision on the page and the one most often surrendered to a grid nobody questioned.
Drag the measure control and watch the paragraph re-set itself in front of you. The line count does not change much, because the number of characters per line does — and that is the whole argument. You are not making the page shorter. You are making the reader's return shorter, and the reader is the only person in the room whose opinion matters.
Set the measure to forty and the sentences stop being sentences; they become a column of separate claims. Set it to a hundred and the eye has forgotten the beginning of the line before it reaches the end. Somewhere between those two failures is the only place a paragraph can be read rather than scanned.
- Measure
- —
- Rendered
- —
- Weight
- —
- Tracking
- —
Colophon
Who set it, in what, and what it refused.
Type
Display is a tight condensed grotesk — Avenir Next Condensed where it exists, falling back to Helvetica Neue and then Arial Narrow. Body is a book serif — Iowan Old Style, then Charter, then Palatino. The instrument readouts are set in the system mono. Three families, no webfonts, nothing fetched at runtime.
Colour
Two stocks, not four. Bone is a warm cream and Newsprint a cool grey, and both take a pure black accent — the brand's own ground colour, used as ink on paper. One brand neon survives, cyan, and it only ever appears on a black field: the top band, the progress rule, the needle. The two stocks are genuinely two: different paper temperature, different ink temperature, both solved for contrast. Body text holds — against the stock and — against the panel surface, both recomputed from the live OKLCH tokens whenever the stock changes.
Numbers
Everything on screen is measured off the rendered page while you read it: the measure in ch and the pixel width the browser actually gave it, the kerning of each pair in thousandths of an em, the tracking of the four tempos, the position of the needle as a fraction of its own ruler. The display face has a finite set of real weights, so the weight control has that many detents and no others — the slider cannot reach a weight the face does not have.
Motion
Nothing on this page is still. The headline and the hero carry a slow breath — a per-letter wave at ±0.09em, each letter a fraction of a second behind the one before it, so the crest travels through the words rather than pulsing them. It runs with no pointer and no scroll, which is the point: a kinetic specimen that only moves when touched is a static specimen with a mouse attached. One requestAnimationFrame loop drives every scroll-bound and pointer-bound change, and the breath is a CSS animation on a separate property so the two compose instead of overwriting each other. Under prefers-reduced-motion the loop stops and the breath is switched off by name, resolving every letter to its authored position. Type is time, designed and built in 2026 by the GiveMePrompts studio. Set in system faces on a bone stock, no photography, no illustration, nothing borrowed.
Using it
Tab reaches every control in reading order and ↑↓ (or the arrow keys) adjust a slider; Enter or Space holds a kerning pair open. The four sliders, the two stocks and the four kerning pairs are all reachable this way, and every one of them does something visible. The Tuning panel is closed by default — the specimen is the interface, and the instrument stays in its case until you ask for it.