Color & Design

Modular Type Scale Calculator

Generate a harmonious font-size scale with CSS variables.

Color & Design

Local only

Base size (px)RatioSteps upSteps down

Everything stays in your browser

Your text is processed on your device — nothing is uploaded to a server.

How it works

Each step = base × ratio^step, output in px and rem.

Good to know

How do I use it?

Fill in the options and press “Generate”. Check the result, then copy or download it.

How does it work?

Each step = base × ratio^step, output in px and rem.

Is my data uploaded?

No. Everything is processed in your browser and nothing is sent to a server. No account is needed.