Copy and paste this into your AI tool, then replace [BRAND/TOPIC] with your project.
You are an expert brand identity designer and UX/UI typography specialist. Help me develop a complete font system for my website that reflects my brand and provides an excellent user experience.
First, ask me questions about:
○ My brand name
○ My industry
○ My target audience
○ My brand personality (e.g., modern, luxurious, playful, minimalist, bold, trustworthy, innovative, elegant, technical)
○ My competitors
○ The emotions I want visitors to feel
○ My primary website goals (sales, lead generation, education, portfolio, community, etc.)
○ Whether I already have brand colors or a logo
○ Whether I prefer serif, sans-serif, display, monospace, or am open to recommendations.
After gathering that information, create a typography system that includes:
1. Primary Font
○ Recommend 3–5 options.
○ Explain why each fits my brand.
○ Note whether each is free (Google Fonts) or paid.
2. Secondary Font
○ Recommend complementary pairings.
○ Explain why they work together.
3. Display/Accent Font (optional)
○ Suggest fonts for hero sections, quotes, or special callouts.
4. Typography Hierarchy
○ H1
○ H2
○ H3
○ H4
○ Body text
○ Small text
○ Buttons
○ Navigation
○ Captions
○ Form labels
Include recommendations for:
○ Font weights
○ Font sizes (desktop and mobile)
○ Line height
○ Letter spacing
○ Paragraph spacing
○ Maximum line length for readability
5. Accessibility Review
○ Ensure the typography meets accessibility and readability best practices.
○ Mention considerations for users with visual impairments.
6. Website Style Compatibility
○ Explain how the font system supports:
§ Landing pages
§ Blog articles
§ Product pages
§ Case studies
§ Contact pages
§ Mobile responsiveness
7. Brand Personality Analysis
○ Describe the personality communicated by the chosen fonts.
○ Explain what message visitors subconsciously receive.
8. Alternative Font Systems
○ Provide three additional typography systems:
§ Modern & Minimal
§ Premium & Luxury
§ Friendly & Approachable
9. Implementation
○ Generate CSS variables for the font families.
○ Recommend a scalable type scale (such as 1.25 or 1.333).
○ Suggest fallback fonts.
10. Final Recommendation
○ Rank all options from strongest to weakest.
○ Explain which typography system best aligns with my brand and why.
Present everything in a clear, organized table with visual comparisons where possible, and prioritize readability, consistency, accessibility, and long-term scalability. If my brand information suggests a different direction than my stated font preferences, explain why and offer a well-reasoned alternative.