Type Scale Generator

Build a modular typographic scale from a single base size and ratio. Every step derives mathematically, so your hierarchy stays consistent all the way down.

TokenSizeremRatioPreview

Which Ratio Fits

1.2 — 1.25

Quiet, dense scales. Best for dashboards, docs, and interfaces where hierarchy comes from weight and colour more than size.

1.333 — 1.5

The classic editorial range. Clear jumps between levels without feeling dramatic — good default for marketing sites and blogs.

1.618

Maximum drama. Use it when you have few levels and lots of whitespace; with many steps it runs away from you quickly.