Typography Scale Generator

Generate a balanced type scale, explore different ratios, and create consistent sizing from headings to body text.

Font Selection

Heading Font

Body Font

Scale Settings

Base Level

Size (Body)

16

8px – 120px

Scale Ratio

Live Preview

Heading: Playfair Display Body: Inter

Display67.3px

The quick brown fox

Heading 150.5px

Jumps over the lazy dog

Heading 237.9px

Pack my box with five dozen

Heading 328.4px

How vexingly quick daft zebras jump

Body16px

Typography is the art and technique of arranging type to make written language legible, readable, and appealing when displayed.

Caption12px

A small note or label for additional context

Ready to upgrade your
brand visual strategy?

Built for designers, creators, and teams who want better visual direction and references.