🍋 Design Tools
Type Scale Generator
chars
words
sentences
lines
Type Scale Options
Results
Result
About Type Scale Generator
Generate modular typographic scales using mathematical ratios. Creates consistent heading and body text sizes for harmonious typography.
How It Works
Choose a base font size and modular ratio. The generator computes sizes for each step, calculates proportional line heights, and outputs CSS variables and Tailwind v4 @theme tokens.
Frequently Asked Questions
What is a modular type scale?
A modular scale uses a mathematical ratio to generate font sizes. Starting from a base size, each step multiplies by the ratio, creating a harmonious progression.
Which ratio should I use?
Perfect Fourth (1.333) is the most popular for web. Minor Third (1.200) for compact UIs. Golden Ratio (1.618) for dramatic, editorial layouts.