Leaderboard Ad728 × 90AdSense placeholder — will activate after approval

Typography System Design: Font Pairing and Type Scale Guide

Design Typography intermediate 🤖 ChatGPT 👁 11 views

📝 The Prompt

Act as a typography expert and brand designer. Help me create a comprehensive typography system for a digital product or brand. My context: Brand/product type: [Website, web app, mobile app, print + digital] Brand personality: [e.g., modern and minimal, warm and approachable, authoritative and technical] Target audience: [Who reads this content — age, reading habits, context] Content types: [Long-form articles, UI labels, marketing headings, data tables, etc.] Accessibility requirements: [WCAG AA minimum readable sizes] Font budget: [Free fonts only / Google Fonts / Adobe Fonts / custom typeface budget] Please design a typography system covering: 1. Font selection rationale — 1-2 typefaces with complementary pairing logic 2. Type scale — modular scale with sizes for H1 through body, caption, and label 3. Font weight usage guide — which weights for which purpose 4. Line height and letter spacing specifications for each level 5. Maximum line length (measure) recommendations for readability 6. Dark mode typography adjustments (weight, opacity) 7. Responsive typography — how sizes scale from mobile to desktop 8. CSS/Tailwind implementation snippet for the type scale Explain the visual hierarchy this system creates and why it works for my context.

⚙️ Replace 6 placeholders: [Website, web app, mobile app, print + digital] [e.g., modern and minimal, warm and approachable, authoritative and technical] [Who reads this content — age, reading habits, context] [Long-form articles, UI labels, marketing headings, data tables, etc.] [WCAG AA minimum readable sizes] [Free fonts only / Google Fonts / Adobe Fonts / custom typeface budget]

🎯 What this prompt does

This AI prompt helps you typography system design: font pairing and type scale guide. Designed for typography workflows in the design category, it's a intermediate-level prompt you can copy directly into ChatGPT to get instant, production-ready results.

Use it when you need a intermediate prompt that produces clear, actionable output without wrestling with trial-and-error wording. Just copy, customize, and run.

In-article Ad #1336 × 280AdSense placeholder — will activate after approval

🚀 How to use this prompt

  1. Copy the prompt using the 📋 button above.
  2. Open ChatGPT (or Claude, Gemini, Perplexity, or your preferred LLM).
  3. Paste the prompt into a new chat. Replace 6 bracketed placeholders ([Website, web app, mobile app, print + digital] [e.g., modern and minimal, warm and approachable, authoritative and technical] [Who reads this content — age, reading habits, context] ) with your own details.
  4. Run the prompt and review the AI's response. Most outputs are usable immediately.
  5. Iterate if needed — if the tone, length, or structure isn't quite right, reply with "make it shorter", "use bullet points", or "make it more formal" and the AI will refine it.

💡 Tips for better results

  • Replace the bracketed placeholders ([Website, web app, mobile app, print + digital], [e.g., modern and minimal, warm and approachable, authoritative and technical], [Who reads this content — age, reading habits, context], [Long-form articles, UI labels, marketing headings, data tables, etc.]) with your own specifics before sending.
  • If the first output isn't quite right, ask the AI to refine, rewrite, or add more detail — iteration is key.
  • For long outputs, ask for a section at a time (e.g. 'start with the introduction only') to keep quality high.
  • Combine this with other design prompts to build an end-to-end workflow.
  • Save your favorite variations — small wording tweaks often produce noticeably different results.
In-article Ad #2336 × 280AdSense placeholder — will activate after approval

✨ What you'll get

When you run this prompt, expect ChatGPT to return:

  • A directly usable typography output tailored to the details you provided
  • Clear structure (headings, bullets, or numbered sections) that you can drop into your workflow
  • Content that matches your specified tone and context
  • Results in under 30 seconds — no manual drafting required

Need a different angle? Just ask follow-up questions. The AI will adjust without you starting over.

🔄 3 variations to try

1

Make it more formal

Add "Use a formal, professional tone suitable for enterprise clients" at the start of the prompt.

2

Ask for multiple options

Append "Give me 5 alternative versions, each with a different angle or approach." after the main instruction.

3

Request structured output

Add "Return the response as a markdown table (or bullet list, or JSON)" so you can paste the result directly into your docs or code.

🏷 Tags

🔎 Find more prompts like this

Browse 176 more design prompts or search the full library.

End-of-content Ad728 × 90AdSense placeholder — will activate after approval
Mobile Sticky320 × 50AdSense placeholder — will activate after approval