Design Tools Suite Design Tools

Typography Pairing Explorer

Explore curated, real-world type systems with transparent pairing logic, context previews, and export-ready tokens.

Heading: Playfair Display | Body: Inter | Accent: None
Primary font: Playfair Display (locked as heading)
Library: 0 fonts Filters: none Favorites: 0

Library & Controls

Search, filter, and tune typography roles while keeping the primary locked to heading or body.

Primary & Role Lock
Font Browser
Typography Controls
Heading weight700
Body size18px
Line height1.60
Letter spacing0px
Paragraph width62ch
Text updates all preview modes and pairing cards.

Context Preview, Compare, Export

Switch real interface contexts, pin pairings side by side, and export semantic typography tokens.

Preview Modes
Pinned Comparison (2-4)
Pin at least two pairings from suggestions to compare them side by side.
Export Tokens
Ready.

        

Companion Suggestions

Rule-based scores include category contrast, classification compatibility, readability, tone harmony, and conflict penalties.

Top pairings for the selected primary.