Typography Scale Generator

Build a consistent font-size scale with CSS custom properties — copy or download the CSS.

Base size (px)

Scale ratio

Questions answered

Frequently asked questions

Everything you might be wondering about the Typography Scale Generator.

What is a type scale?

A set of font sizes that follow a consistent ratio, so headings and body text feel proportionate instead of arbitrary.

What ratio should I use?

Around 1.2 for compact UIs, 1.25–1.333 for most websites, and 1.5+ for bold, editorial designs.

Is it free and private?

Yes — free, no sign-up, and everything runs in your browser.

More free tools

Hand-picked free tools that pair well with the Typography Scale Generator.

From the blog