Runs locally
Type Scale
A modular type scale in pixels.
Ctrl+Enter runs. Ctrl+Shift+Backspace clears.
Export and import are available after you sign in. Sign in
A modular type scale in pixels. Runs in the browser. Nothing is uploaded.
About this tool
Pick harmonious heading and text sizes instead of guessing. Enter the base font size, the ratio and how many steps you need, and get a ready list of sizes.
How to use it
- 01
Enter the base size in pixels, for example 16.
- 02
Choose a ratio, for example 1.25.
- 03
Set the number of steps and copy the sizes.
FAQ
Frequently asked questions
Which ratio should I choose?
1.2–1.25 suits dense interfaces, 1.333–1.5 gives stronger contrast, and 1.618 is the golden ratio.
Can I get rem values?
Divide the pixel values by your root size, or use the CSS Unit Converter.