Typography Type Scale Calculator
Build a modular typographic scale from a base size and a musical ratio and preview heading sizes from h3 down to body text.
How to Use the Typography Type Scale Calculator
- Enter the base (body) font size in pixels.
- Pick a scale ratio.
- Enter how many steps above body you need.
- Click Calculate.
使用场景
- •Design-system typography tokens.
- •Landing-page hierarchy.
- •Teaching modular scale.
公式
size[i] = base × ratio^i. Common ratios: 1.125 (minor second), 1.200 (minor third), 1.250 (major third), 1.333 (perfect fourth), 1.500 (perfect fifth), 1.618 (golden).
常见问题
Which ratio should I pick?
Use a narrow ratio (1.125–1.200) for dense dashboards and mobile; a wider ratio (1.333–1.500) for editorial landing pages where hierarchy matters.
Why step -2?
Smaller-than-body steps are useful for captions, legal text and form hints. The scale starts two steps below the base to give you a complete set.