Typography
- Free forever
- No sign-up
- Instant results
Modular Type Scale Generator
Build a complete typographic scale from a base size and ratio. Outputs every step in px and rem with ready-to-copy CSS custom property names.
| Step | px | rem | CSS var |
|---|
When would you use this?
A modular scale gives your typography a mathematical backbone. Every size in the scale is related to every other by the same ratio. Instead of picking font sizes by eye, you set a base and a ratio, and the scale generates itself. This tool supports all the common ratios from the subtle Minor Second through to the dramatic Golden Ratio, and outputs everything in both px and rem with ready-to-copy CSS variable names.