{# canonical_base is the OWNING tenant's origin: all 16 Peasy domains serve the same catalogue, so a page rendered by a non-owner points its canonical at the owner instead of competing with it. Falls back to this site for static/self-owned pages. #}
✓ 🍋
peasy / dev
Menu
All Tools Guides 76 Glossary 65 File Formats 131 Use Cases 302 API

Categories

P pdf I image D document T text D developer C css D design V video A audio Q qr S seo S security S social M math G generator
🍋 peasytools.com
🍋 Design Tools

Type Scale Generator

Free Browser-only No sign-up
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.