🔤 Font Size Scale Generator

Generate a modular type scale from a base size and ratio. See all steps with live preview.

StepNameSizeRemPreview

About Modular Type Scales

A modular type scale creates visually harmonious font sizes by multiplying a base size by a consistent ratio. Each step up the scale increases the size by the ratio.

Frequently Asked Questions

What is a modular type scale?

A modular type scale uses a consistent mathematical ratio to generate a series of font sizes. Each step multiplies or divides by the ratio, creating visual harmony.

Which ratio should I use?

1.25 (Minor Third) for subtle contrast, 1.333 (Major Third) for common UI, 1.5 (Perfect Fourth) for strong hierarchy, 1.618 (Golden Ratio) for dramatic contrast.