Field Notes · Design Systems
The Quiet Arithmetic of a Type Scale
Why the best-reading pages are built on a single ratio — and how one number tunes an entire hierarchy.
Every page you have ever admired for its typography was almost certainly built on a modular scale: a short sequence of sizes where each step is the previous one multiplied by a fixed ratio. The reader never sees the arithmetic, but they feel its absence immediately — headings that shout over their sections, captions that whisper too quietly, a hierarchy that never quite settles.
The discipline is old. Renaissance printers derived their sizes from musical intervals, which is why the classic ratios still carry names like minor third and perfect fourth. A ratio is a promise: pick one, and every size on the page becomes a consequence rather than a decision.
One ratio, many sizes
Start from the body size — the size doing most of the reading work — and walk the ratio in both directions. One step down gives captions, bylines, and figure credits. Steps up give the heading levels. Because every size shares a common ancestor, the page holds together even when elements sit far apart.
Choosing the interval
A minor third (1.2) produces a calm, close-knit ramp suited to documentation and dashboards. The perfect fourth (1.333) gives headlines real authority without exotic sizes. The golden ratio (1.618) is theatrical — magnificent at the top of a feature story, unusable for a settings page.
“A scale is not a menu of sizes. It is one decision, echoed.”
Whichever interval you choose, resist the urge to hand-tune individual sizes afterward. The moment a heading drifts off the scale, the promise is broken — and the reader, without knowing why, will sense that the page has stopped agreeing with itself.