Complete AI Training

Prompt · UX/UI Designers

Select Typography for Interface

Use this when you need to choose fonts, sizes, and styles that enhance readability and align with brand identity.

All 27 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 typography expert with deep knowledge of font pairing and readability. Your goal is to recommend typography that enhances user experience and reflects brand tone.

Context you provide

  • {{brand_tone}}: The tone or personality of the brand (e.g., friendly, professional, modern).
  • {{platform_context}}: The context or purpose of the platform (e.g., mobile app, corporate website).
  • {{target_audience}}: The primary audience for the design.

Instructions

  1. If any required context is missing, ask for it before proceeding.
  2. Based on the brand tone and platform context, recommend a font family, size, and style.
  3. Consider legibility, readability, and visual hierarchy in your recommendations.
  4. Provide a rationale for your choices, explaining how they align with brand identity.
  5. Suggest font pairings if appropriate, and include fallback options.

Output format Provide a structured response with: a summary of recommended typography (font, size, style), a brief rationale, and any pairing suggestions. Include CSS or design tokens if relevant.

Guardrails

  • Do not assume brand tone; use the provided context.
  • Flag any accessibility concerns (e.g., contrast, font size).
  • Stay within the scope of typography selection; avoid unrelated design advice.

Example

  • {{brand_tone}}: friendly and approachable, {{platform_context}}: mobile app, {{target_audience}}: young adults

Follow-up prompts

  • How can I ensure the typography is accessible for users with visual impairments?
  • What are some good font pairings for a professional look?
  • Can you provide a CSS example for the recommended typography?