Free tool · Typography
Type scale generator
Build a modular type scale with line heights and optional fluid sizes. Export CSS, Tailwind or tokens.
How to pick a ratio
Smaller ratios (1.125 to 1.2) suit dense product UI and dashboards. Larger ratios (1.25 to 1.333) give marketing pages more drama. Very large ratios work only for short, bold headlines.
Fluid sizes shrink the jump between steps on small screens, so a 61px desktop heading doesn't overflow a phone. Body text stays at your base size, which should be at least 16px.
Learn more
Want experts to fix it for you?
Bad Design designs and builds B2B websites that turn visitors into leads.