How to modular scale vs arbitrary sizes: which works better
- Step 1Modular for new design systems — Generates a full scale in 30 seconds. All sizes harmonious by definition. Requires no design judgment beyond picking the ratio. Best for early-stage systems.
- Step 2Arbitrary for mature design systems — Sizes picked per typography role based on observed needs. May or may not form a tidy ratio. Reflects real-world usage rather than mathematical purity.
- Step 3Hybrid for most teams — Modular scale for the foundation (xs–4xl). Arbitrary overrides for specific roles where the modular value didn't work (e.g., display heading needs 48px when the 5xl token gives 60px).
Frequently asked questions
Are modular scales actually harmonious?+
By construction yes — every size differs from its neighbour by the same ratio, producing visual rhythm. Whether it's the right rhythm for your brand is subjective. Most designers find Major Third 1.25 the safest default.
Can I deviate from the scale?+
Yes — arbitrary overrides are fine. The scale is a starting point, not a constraint. Override sparingly and document each deviation.
What about responsive scaling?+
Fluid clamp() scaling works equally well for modular and arbitrary scales. Both can interpolate across viewports. The Builder emits clamp() expressions for either.
Privacy first
Every JAD Font tool runs entirely in your browser using opentype.js and the wawoff2 WASM Brotli encoder. Your fonts never leave your device — verified by zero outbound network requests during processing.