Type Scale Generator

Choose a base font size and a ratio to build a modular typographic scale. Preview each step live and copy the CSS custom properties.

Base size (px)

Ratio

Steps up

Steps down

Runs entirely in your browser. Nothing is uploaded.

How it works

STEP 1

Enter a base font size (in px) and choose how many steps up and down you need.

STEP 2

Select a named musical ratio or enter a custom multiplier. The scale is calculated instantly.

STEP 3

Preview each step with sample text, then copy the ready-to-use CSS custom properties.