Measured, not guessed
Most typographic problems are measurable: a measure that runs too wide, leading borrowed from a different size, a scale ratio that breaks between levels. TYPAL computes line length, leading, scale conformity, spacing rhythm and baseline alignment deterministically — then explains what the numbers mean.
Issue 04 — Typography
The quiet discipline of setting type well
Why measure, rhythm and contrast decide whether a page feels resolved
Most typographic problems are not mistakes of taste. They are small measurable things — a measure that runs too wide, leading borrowed from a different size, a hierarchy whose steps are too close together — and each one costs the reader a fraction of attention. Set them right and the page stops asking for effort.
“Typography exists to honour content.” — Robert Bringhurst
Analyse this layout
Figure 1 — Vertical rhythm across a 8px baseline grid.
632px measure~79 characters per line · recommended 45–75
A 1392px measure runs to roughly 140 characters per line, and 16px body set at 1.12 leading forces the eye to re-find each line. Nothing here is a matter of taste — every value is off by a known amount.
Issue 04 — Typography
The quiet discipline of setting type well
Why measure, rhythm and contrast decide whether a page feels resolved
Most typographic problems are not mistakes of taste. They are small measurable things — a measure that runs too wide, leading borrowed from a different size, a hierarchy whose steps are too close together — and each one costs the reader a fraction of attention. Set them right and the page stops asking for effort.
“Typography exists to honour content.” — Robert Bringhurst
Analyse this layout
Figure 1 — Vertical rhythm across a 8px baseline grid.
600px measure~75 characters per line · in range
A 640px measure lands near 65 characters per line and 16px body breathes at 1.5 (24px). Same words, same fonts — only the measurements changed.
How TYPAL checks this
- Characters per line for every text role, against the 45–75 character ideal
- Leading as an absolute pixel value, checked against the size it serves
- Conformity of every size to your chosen modular scale
- Spacing rhythm between elements, against your baseline