What is a type scale ratio?

A type scale ratio is a multiplier applied to a base font size to generate a harmonious set of sizes. A 1.25 ratio with a 16px base produces: 12.8, 16, 20, 25, 31.25px — each size is 1.25× the previous.

What ratio should I use for my website?

1.2-1.25 for content-heavy sites, 1.333+ for marketing pages, 1.125 for dense UIs. The Typography Scale tool lets you preview each ratio with your fonts before committing.

How many sizes should a type scale have?

6-8 sizes cover most design needs: 2 below the base (small text, captions), the base (body text), and 3-5 above (subheadings through large headings).

How to Build a Typography Scale for Web Design

📐

Try Typography Scale

Free, no signup →