Typography Scale
Build a seven-step font hierarchy from a base size and ratio, with a live preview.
Modular type scale
12 pt × 1.25
Seven steps, from −2 to +4. Each step multiplies the previous size by your ratio.
| Step | Points | Millimeters |
|---|---|---|
| -2 | 7.68 pt | 2.71 mm |
| -1 | 9.6 pt | 3.39 mm |
| Base | 12 pt | 4.23 mm |
| 1 | 15 pt | 5.29 mm |
| 2 | 18.75 pt | 6.61 mm |
| 3 | 23.44 pt | 8.27 mm |
| 4 | 29.3 pt | 10.34 mm |
Design with a clear hierarchy
Design with a clear hierarchy
Design with a clear hierarchy
Design with a clear hierarchy
Design with a clear hierarchy
Design with a clear hierarchy
Design with a clear hierarchy
Preview is capped at 96 CSS pixels; table values remain exact before rounding. Screen size is not a physical print proof.