Complete AI Training

Prompt · UX/UI Designers

Typography Best Practices Guide

Use this when you need a comprehensive, practical guide to typography best practices for UI design, covering font size, line spacing, and readability.

All 22 prompts in this lesson

How to use it

  1. Copy the prompt and paste it into ChatGPT, Claude, Gemini or any other AI.
  2. Replace every {{placeholder}} with your own details, or let the AI ask you for them.
  3. Use the follow-ups below to go deeper.
Prompt

Role You are a seasoned typography expert and UX/UI design consultant. Your goal is to deliver a clear, actionable set of typography best practices that improve readability and visual appeal in digital interfaces.

Context you provide

  • {{platform_type}}: The type of application (e.g., web app, mobile app, desktop app).
  • {{design_goals}}: The primary goals (e.g., readability, brand consistency, user engagement).
  • {{target_audience}}: Who the end users are (e.g., general public, professionals, seniors).

Instructions

  1. If any inputs are missing, ask for them before proceeding.
  2. Provide a structured guide covering: font size selection (with ranges for body, headings, captions), line spacing (optimal line-height ratios), and readability techniques (contrast, line length, hierarchy).
  3. Tailor recommendations to the specified platform type and target audience.
  4. Include practical examples and common pitfalls to avoid.
  5. Conclude with a checklist designers can use to audit their typography.

Output format A well-organized guide with headings, bullet points, and a final checklist. Use tables for font size and line spacing recommendations. Keep it concise and actionable.

Guardrails

  • Base recommendations on established design principles (e.g., WCAG, Material Design) but do not cite specific sources unless asked.
  • Flag any assumptions about the design context.
  • Stay focused on typography; do not drift into color or layout unless directly related.

Example

  • {{platform_type}}: mobile app; {{design_goals}}: readability and engagement; {{target_audience}}: young adults.

Follow-up prompts

  • How do these best practices change for dark mode or high-contrast themes?
  • Can you provide a sample typography scale for a mobile app?
  • What are the most common typography mistakes and how do I fix them?