Back to prompts
Creative Thinkingbeginner
0.0

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
Use as Template
#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)

🧠 Why This Works

Typography accounts for 95% of web design yet most people pair fonts randomly. This prompt applies typographic principles—contrast of structure, x-height harmony, historical relationship, and functional hierarchy—to create pairings where each font has a clear role and the combination creates visual music rather than typographic noise.

📅 When to Use This Prompt

Use when designing websites, brand materials, presentations, or any project requiring multiple typefaces. Essential for designers who default to the same safe pairings, developers choosing fonts for projects, or anyone who wants their typography to look intentional rather than accidental.

🎯 What You'll Get

You'll receive 3-5 expertly paired font combinations with specific weight recommendations, size ratios, usage guidelines (headlines vs. body vs. UI), and CSS implementation snippets. Each pairing includes visual harmony rationale and suggested fallback system fonts for performance.

🔗 Related Prompts

Creative ThinkingPremium

Logo Concept Generator

Generate detailed logo concepts with design rationale, color theory, and variation specs for any brand.

logobrandingdesign
★4.6
intermediate
Creative Thinking

Generate a Full Mood Board in One Prompt

4 visual variations of the same concept in different styles — find your direction before committing

mood-boardbrandingdesign
★0.0
intermediate