A modular type scale that fluid-resizes between viewport widths using CSS clamp(). Pick a base size, pick a scale ratio, get a copy-paste ladder for h1–h6 + body. Open on GitHub →
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
A modular type scale tunes the rhythm of a page. The base size is what you read most — usually 16–18px on body copy. Each headline level multiplies the base by a fixed ratio: small ratios feel quiet, large ones feel theatrical. Fluid clamp() lets a single CSS rule cover phone-to-desktop without media queries.