2025.04.12 · 1 min read
On the right measure
This is a sample article body used to demonstrate the reading layout. The measure is held to roughly 65 characters, the leading is comfortable, and the type is left-aligned with a ragged right edge — the way long-form text actually wants to be read.
Headings sit tight against the paragraphs they introduce, and metadata stays in the monospace so the eye can tell structure from prose without any decoration.
A subhead, set in the grotesque
Inline code such as measure: 65ch picks up the same monospace as the metadata, tying the developer signal together across the whole site.
// type scale, named — no arbitrary values
fontSize: {
display: ['clamp(3rem,9vw,6.5rem)', { lineHeight: '0.95' }],
h1: ['clamp(2.4rem,6vw,4rem)', { lineHeight: '1' }],
body: ['1.0625rem', { lineHeight: '1.75' }],
}
Set the measure first. Everything else is negotiation.
Lists keep the same rhythm:
- One typeface for everything that is prose.
- One monospace for everything that is data.
- A small spectrum of highlights, each doing one job.