Modular Type Scale Generator

Generate a modular typographic scale with px/rem sizes, CSS custom properties and a Tailwind fontSize config.

Open tool

Overview

The Modular Type Scale Generator builds a full typographic scale from a base size and a ratio using size(n) = base × ratio^n. It is for designers and front-end developers who want a consistent, mathematically harmonious set of font sizes. Configure base, ratio (number or named), how many steps up and down, the output unit and root size, then copy the table, CSS custom properties (--font-size-N) or the Tailwind fontSize object.

Try Modular Type Scale Generator

An unhandled error has occurred. Reload ×