Recommendations with values
A vague note like “increase the hierarchy” is not actionable. Every finding in TYPAL ships with the exact change: 18px → 40px, 1.4 → 1.25, 920px → 680px. Apply it in one click, ignore it with a reason, or ask why — the explanation is AI-written, but the numbers are always computed.
Issue 04 — Typography
The quiet discipline of setting type well
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.
632px measure~79 characters per line · recommended 45–75
An 18px semi-bold heading over 16px body is a hierarchy in name only. There is a finding for this — “Heading level too close to body” — with the fix 18px → 40px at a 1.25 scale ratio.
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
After applying the recommendation: the heading jumps to 40px in a display face, the subheading returns, and each level is now unmistakable at a glance.
How TYPAL checks this
- The current value, quoted exactly as measured
- The recommended value, derived from your scale ratio and baseline
- A one-click apply that patches only the affected roles
- A written explanation of why the change improves the reading experience