Modular Scale Calculator
Build a type scale from a base size and a ratio.
Quick answer: enter your details below and click Build Type Scale — your result appears instantly, right here in your browser. Nothing you enter is uploaded or stored.
M
500 New Tools
Enter your details below.
How to use
- Enter your base font size in pixels.
- Choose a scale ratio.
- Click Build Type Scale and use the steps for your headings.
About this tool
Enter a base font size and pick a ratio, and the tool builds a stepped scale from small text up to large display sizes. The scale is a starting framework for consistent headings, not a rule — round values to whole pixels for production use.
Frequently asked questions
Which ratio should I pick?
1.25 is a safe middle ground; 1.125 feels subtle, while 1.5 or 1.618 gives dramatic, editorial contrast.
Should I round the sizes?
Yes, rounding to whole or half pixels keeps rendering predictable in production.