← Back to the build log
Chapter 04 · April 2026

Voices on paper.

Three faces, one philosophy. The grid is resolution, not ruling. Type hovers above its lines, like a person writing on graph paper.

The three voices.

Poet · Cormorant Garamond
Considered moments. Section headings. Pull quotes.
The imprint is in the approach.
Hand · Kalam
Lab display headlines. Margin annotations.
Watching the workshop
rebuild itself.
Engineer · Space Grotesk
Body. Kickers. Labels. Buttons. Everything structural.
Field note · April 2026

Paper has a signature. The eye picks it up in microseconds and never un-picks it. So we tested candidates until that eye stopped complaining, then shipped.

The philosophy: grid is resolution, not ruling.

A person writing on graph paper doesn’t put their letters exactly on a line. They hover. Consistently. Different sizes occupy different numbers of squares of height — title more, subhead fewer, body fewer still.

So: every size has an allocated line-height in 12 px multiples. Body sits in 2 cells (24 px). h2 sits in 1 major (60 px). The baseline naturally hovers just above its grid line because of CSS font metrics — we didn’t have to engineer it.

The scale stack.

Display · 11 minors
Alive.
h1 · 7 minors
Four tiles, same sheet.
h2 · 1 major
The imprint is in the approach.
h3 · 3 minors
What it cost, honestly.
Lead · 2.5 minors
Paper has a signature the eye reads in microseconds.
Body · 2 minors
Every line of prose sits exactly on a minor grid line because 16/24 is 2 × 12.
Kicker · 1.5 minors
FIELD NOTE · APRIL 2026

Why Kalam (and not Caveat).

Caveat was bouncier. On graph paper at headline size it read as schoolbook exercise. Kalam holds the hand-drawn warmth but looks like an adult held the pen. Caveat stays loaded at --font-hand-alt for moments where the bounce is the point.

Voice rules.

  • One Poet moment + one Hand moment per visible viewport. Engineer carries everything else.
  • Duet: Poet headline + Engineer kicker is the signature pattern.
  • Hand for display in the Lab (the field-note energy). Poet for reflective headings. Engineer for body.
  • Mono (Geist Mono) only for code, data, and timestamps.
Layout is compositional, not structural.No margin rules, no ruled columns. Objects — cards, pull quotes, annotations — land where composition calls, with slight rotations and offsets. The paper decides. Type alignment snaps to the grid; object placement doesn’t.
See also