Preview image. Unlock full-res
Headlines spec page showing the H0 through H6 scale of Mona Sans with the same sample sentence at each size, plus a small bar chart of the steps.
Summary
The headline scale spec: the same sentence "Build and ship software ..." set from Display/H0 down to H6, each labeled with its Mona Sans point size and leading, with a small bar chart visualizing the steps.
Visual description
A left column ("Headlines") explains headlines use Mona Sans Regular or Medium and that extra-large placements should feel graphic. Below it a small green bar chart steps down from H0 (160px) to H6 (19px) with "Aa" labels, and a note that the scale differs subtly at small sizes but dramatically at large. The right two-thirds is a stacked ladder: DISPLAY, H1, H2, H3, H4, H5, H6, each rendering the same sentence at decreasing size with a monospace spec label and thin rule between. Off-white background, standard header and green rule above.
Key takeaway
Repeating one identical sentence at every level of the scale so the size relationships are directly comparable, reinforced by a miniature bar chart that makes the step ratios visible.
Reuse notes
A clear, copyable headline-scale layout. The constant-sentence ladder plus the step chart is the most legible way to show where the jumps in a type scale actually fall.
From this deck: GitHub guidelines - headline type scale
View deck
