Build a modular typography scale
Use a single ratio to derive every font size on the site.
5 min read intermediateUpdated Apr 7, 2025
BI
Reviewed by the editorial team · Apr 7, 2025
Step by step
- 01
Pick a base
16px on web, 17–18px for content-heavy sites.
- 02
Pick a ratio
1.25 (Major Third) for editorial. 1.333 (Perfect Fourth) for marketing.
- 03
Generate the scale
16, 20, 25, 31, 39, 49 — use type-scale.com to preview.
- 04
Map to roles
Body, lead, h3, h2, h1, display. Skip sizes you don't need.
Branding · Done-for-you
Want a brand identity people remember?
We design logos, brand kits, type systems and color palettes end-to-end.
Book a branding call