Watch

Typographic scale 0:30

A 30-second explainer of Typographic scale, narrated over the same demo you can try yourself.

The Typographic scale explainer. Prefer to do it yourself? Try the interactive demo.

Try the interactive Typographic scale demo

What this video covers

A typographic scale is a sequence of font sizes built from one base size and a single multiplier, with each step scaling the base by that ratio. This consistent relationship creates a visual hierarchy that feels intentional and balanced, rather than random.

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.

More UX term videos

All UX term videos