Typography Scale Calculator
Generate a modular type scale from a base font size and ratio.
Inputs
px
Results
H1 Size
48.83 px
H2 Size39.06 px
H3 Size31.25 px
Body Size16 px
Body Line Height24 px
Small Text12.8 px
How to Use This Calculator
- Enter the Base Font Size in pixels — typically 16px for body text in web design.
- Enter the Scale Ratio: 1.25 (Major Third), 1.333 (Perfect Fourth), or 1.618 (Golden Ratio).
- Enter the Number of Steps to generate heading levels above the base size.
- Review H1, H2, and H3 sizes in pixels and the recommended Body Line Height.
- Use the scale to set CSS custom properties or design tokens for a consistent typographic system.
Ad Placeholder
Related Calculators
Ad Placeholder