Type Scale Generator — free online tool
Picking font sizes by guesswork usually ends with headings that feel random and body text that fights the titles. There's a calmer way: pick one base size and a ratio, and let every size flow from there. We added a free tool that does it — Type Scale Generator — right in your browser.
What it does
You choose a base font size and a ratio, and it builds a full modular type scale from those two numbers. Each step shows up live so you can see the sizes side by side, and when it looks right you copy the CSS custom properties to drop straight into your stylesheet.
Nothing leaves your device
The whole thing runs in your browser. Your settings and the scale you build are never uploaded or saved anywhere — there's no account and no server doing the work. Close the tab and nothing is left behind.
How to use it
- Open Type Scale Generator and set your base font size.
- Pick a ratio and watch each step update in the live preview.
- Copy the CSS custom properties and paste them into your project.
It's free with no limit. There are more small tools on the Apps page.