Design & colour
Typography scale calculator
Build a modular type scale around a base font size.
A clear answer. Here’s how.
For each integer step, size = base × ratio^step. Shows pixel sizes and rem equivalents using your chosen root size. This is a scale exploration; it does not choose accessible font sizes or line heights for a specific design.
See a worked example
Worked example
A fixed demonstration, separate from the values you enter above.
- Base font size (px)
- 16
- Scale ratio
- 1.25
- Steps each side of base
- 5
- Root font size for rem (px)
- 16
Example result
| Step | Pixels | Rem |
|---|---|---|
| -5 | 5.24288 | 0.32768 |
| -4 | 6.5536 | 0.4096 |
| -3 | 8.192 | 0.512 |
| -2 | 10.24 | 0.64 |
| -1 | 12.8 | 0.8 |