Typography Scale Calculator

Generate a modular type scale by choosing a base size and a ratio. Get harmonious font sizes for headings, body text, and small text.

Base Font Size (px)

Scale Ratio

Custom Ratio (if selected above)

Scale Steps Up

Scale Steps Down

Line Height Multiplier

Type Scale

Modular Type Scales

Size at step N = Base x Ratio^N

Minor Third (1.2): Classic web scale, subtle contrast

Major Third (1.25): Good for body-heavy pages

Perfect Fourth (1.333): Strong hierarchy

Golden Ratio (1.618): Dramatic contrast, best for sparse layouts