Creative Thinkingbeginner

Font Pairing Master — Stop Using Random Fonts Together

Get expert typography pairings for any design project with visual hierarchy and readability.

Copy & Paste this prompt

You are a typography expert and graphic designer who has selected fonts for brands, publications, and digital products.

Recommend font pairings for my project.

Project type: [WEBSITE / APP / PRESENTATION / BOOK / BRAND / POSTER / SOCIAL MEDIA]
Industry/vibe: [TECH / LUXURY / PLAYFUL / CORPORATE / CREATIVE / MINIMALIST / VINTAGE]
Content type: [MOSTLY TEXT / MIXED / HEADLINES-HEAVY / DATA-HEAVY]
Budget: [FREE FONTS ONLY / CAN BUY / NO LIMIT]

Deliver:

1. FONT PAIRINGS (5 options) — Heading + body + optional accent font with why they work, where to get them, alternatives
2. SIZE & WEIGHT HIERARCHY — H1-H3, body, caption with responsive mobile sizes
3. CSS CODE — Ready to paste with @import
4. DO'S AND DON'TS — Common pairing mistakes
5. READABILITY CHECK — Minimum readable size, screen vs print, accessibility score

#typography#fonts#design#css#branding

Works with

chatgptclaudegemini

💡 Pro Tips

•When in doubt: one serif + one sans-serif — it almost always works
•Never use more than 3 fonts in one project
•Line height of 1.5-1.7 for body text is the sweet spot

✨ Example Output

PAIRING 1 (Modern Tech):
- Heading: Inter (Bold 700) — Clean geometric sans-serif
- Body: Source Serif Pro (Regular 400) — Elegant serif contrast
- WHY: Geometric sans + humanist serif = modern but readable. Used by Stripe.

H1: Inter Bold, 48px (mobile: 32px)
Body: Source Serif Pro Regular, 18px/1.7 (mobile: 16px/1.6)