Watch
Typographic scale 0:44
A 44-second explainer of Typographic scale, narrated over the same demo you can try yourself.
Try the interactive Typographic scale demo
What this video covers
A typographic scale is a set of font sizes generated from one base size and a single ratio, so each step up is the base multiplied by that ratio again and again. Choosing sizes by a consistent ratio - rather than picking numbers at random - is what makes a hierarchy feel harmonious instead of arbitrary.
Drag the ratio and the whole hierarchy breathed in and out as one - headings pulling away from the body at a big ratio, settling close at a small one - because every size is the same ratio applied again. That's a modular scale: one number choosing all your sizes, so they always feel like a set.
