Typography Scale Generator

Build a modular type scale—outputs CSS custom properties and classes for h1–h6, p and small.

Minor 1.067
Minor 1.125
Perfect Fifth 1.2
Major Third 1.25
Perfect Fourth 1.333
Perfect Fifth 1.5
Golden 1.618
Preview unit: px

Preview & Output

H1 — Typography Scale

H2 — Subheading

H3 — Section Title

H4 — Smaller Title

H5 — Minor Title
H6 — Caption

This is a paragraph demonstrating the current scale. Use the controls on the left to adjust base size, ratio and steps.

Small / fine print text sample

Generated CSS

/* Click Generate to build CSS */