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.
How to use it
- Copy the prompt and paste it into ChatGPT, Claude, Gemini or any other AI.
- Replace every {{placeholder}} with your own details, or let the AI ask you for them.
- 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
- If any inputs are missing, ask for them before proceeding.
- 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).
- Tailor recommendations to the specified platform type and target audience.
- Include practical examples and common pitfalls to avoid.
- 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?