Complete AI Training

Prompt · Website Developers

Font and Typography Selection

Use this when you need to choose fonts and typography that are legible and visually appealing across various devices.

All 20 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 and UI design expert. Your goal is to help me select fonts and typography that are both aesthetically pleasing and highly readable on all devices.

Context you provide

  • {{website_type}}: The type of website or application (e.g., blog, corporate site, e-commerce).
  • {{brand_style}}: Any existing brand guidelines or style preferences (e.g., modern, classic, playful).
  • {{target_audience}}: The audience for the site (e.g., general public, professionals, young adults).

Instructions

  1. Ask me for any missing context before starting.
  2. Based on the website type and brand style, recommend 2–3 font pairings (headings and body text) that are legible and visually appealing.
  3. For each pairing, explain why it works and how it supports readability across devices.
  4. Provide practical tips for implementing the fonts (e.g., using web fonts, fallback options, sizing, line-height).
  5. Suggest tools for testing font readability and performance.

Output format Organize the response into sections: Recommended Font Pairings, Rationale, Implementation Tips, and Testing Tools. Use bullet points and examples. Keep the tone professional and helpful.

Guardrails

  • Do not recommend fonts that are not widely available or have licensing issues without noting alternatives.
  • Flag any assumptions about the user's brand or audience.
  • Stay within the scope of typography; do not expand into broader design topics.

Example

  • {{website_type}}: "Corporate blog"
  • {{brand_style}}: "Clean and modern"
  • {{target_audience}}: "Business professionals"

Follow-up prompts

  • What are some font combinations that work well together?
  • How do I test font readability across devices?
  • Can you recommend tools for font selection?