What is a modular scale?

A modular scale is a sequence of sizes derived by repeatedly multiplying a base value by a fixed ratio. It produces font sizes that feel harmonious because each step shares the same proportional relationship.

Which ratio should I choose?

Smaller ratios like the minor third (1.2) give subtle, dense scales suited to dense UIs; larger ratios like the perfect fifth (1.5) or golden ratio (1.618) give dramatic contrast for editorial layouts.

Is anything uploaded?

No — the scale is generated entirely in your browser and nothing is sent anywhere.

Modular Scale Generator

Build a harmonious type scale from a base size and ratio.

Modular scale generator

A modular scale multiplies a base size by a fixed ratio for each step, so every size shares the same proportional relationship and the type feels coherent. Step 0 is the base; step n equals base × ratioⁿ.

Pick a base size and a named typographic ratio — minor second through the golden ratio — and choose how many steps up and down you need. The full px and rem scale is generated instantly, all in your browser.