Choose Perfect Font Pairings with AI

I need to choose a typography system for my design project and want expert guidance on finding the right font pairing. Please help me work through the requirements. **Project description:** - What this is for: [e.g., 'A personal finance app for young professionals' / 'Portfolio website for a photographer' / 'E-commerce brand selling handmade ceramics' / 'B2B software company website' / 'Restaurant branding and menus'] - Brand adjectives (3–5 words that describe how the brand should feel): [e.g., 'trustworthy, modern, approachable' / 'minimal, premium, quiet confidence' / 'playful, warm, handcrafted' / 'technical, precise, intelligent'] - Target audience: [brief description] - Price positioning: [budget / mid-market / premium / luxury] **Functional requirements:** - Primary use: [website / mobile app / print / presentation / all] - Text density: [mostly headlines and short copy / balanced / long-form reading content] - International characters needed: [Latin only / accented Latin characters / Cyrillic / CJK / Arabic / other] - Font licensing constraint: [Google Fonts only (free) / Adobe Fonts (Creative Cloud) / paid commercial licenses OK / no constraint] **What I'm avoiding:** [e.g., 'nothing that looks corporate or stuffy' / 'nothing trendy that will look dated in 2 years' / 'nothing that's overused — no Helvetica, no Gotham, no Lato'] **Existing visual elements (if any):** [e.g., 'I have a logo in a rounded sans-serif' / 'The brand colors are dark green and warm cream' / 'No existing visual assets yet'] Please provide: 1. A summary of my typography requirements in plain language — what the fonts need to do technically and emotionally 2. The most important typographic quality to prioritize given my use case (legibility for body text / expressiveness for display / versatility across weights / neutrality for UI / distinctive personality) 3. What font categories I should focus on for this project: serif, sans-serif, slab serif, display, monospace, handwritten — and why each is appropriate or inappropriate for my context 4. Two specific constraints I should add to my requirements that I haven't thought of yet

Based on the typography requirements I've defined, please recommend 4 specific font pairings for my project. I need each pairing to be fully specified and justified. **My requirements summary:** - Project: [brief description] - Brand adjectives: [your 5 adjectives] - Primary use: [web / print / app / etc.] - Font licensing: [your constraint] - Must avoid: [your exclusions] - Existing visual assets: [description or 'none'] For each of the 4 recommended pairings, please provide: **Pairing [number]:** - Heading/Display font: [Font Name] — [weights I should use, e.g., '700 Bold for H1, 600 SemiBold for H2, 500 Medium for H3'] - Body/UI font: [Font Name] — [weights, e.g., '400 Regular for body, 500 Medium for buttons and labels, 300 Light for captions'] - Why this pairing works: [the specific typographic principle — contrast in style, shared proportions, complementary x-heights, optical size compatibility] - What personality this pairing communicates: [the emotional/brand quality this specific combination expresses] - Where this pairing excels: [the context or use case where it performs best] - Where this pairing is weaker: [honest assessment of limitations] - Where to find it: [Google Fonts URL / Adobe Fonts / font foundry + price] - A real-world brand that uses this pairing or similar: [reference for visual context] After listing all 4 pairings: 5. Your top recommendation for my specific requirements, with a one-paragraph explanation of why it's the best fit 6. A note on which pairing is the 'safe' choice vs. which is the 'distinctive' choice — and when to choose each 7. If I'm tempted to use a third font for a special purpose (accent, quote styling, numbers), which of these pairings most naturally supports a third-font addition, and what would you recommend?

I have 4 font pairing recommendations and want to build a typography comparison page in Canva to evaluate them side by side using my real brand content. **My 4 font pairings to compare:** 1. [Heading font / Body font] 2. [Heading font / Body font] 3. [Heading font / Body font] 4. [Heading font / Body font] **My brand content for the preview:** - Brand name: [name] - A real H1 headline from my project: [your headline, e.g., 'Your money, finally making sense' / 'Ceramics made to last a lifetime'] - A real H2 subheading: [your subheading] - A real body paragraph (3–4 sentences): [actual body copy you'd use] - A button label: [e.g., 'Get started free' / 'Shop now' / 'Contact us'] - A caption or meta text: [e.g., 'Posted May 2026 · 3 min read'] **My brand colors:** - Background: [hex] - Text: [hex] - Accent: [hex] Please provide: 1. A layout spec for the comparison page: how to structure a single Canva canvas that shows all 4 pairings side by side or stacked, with each showing the full content hierarchy (H1 → H2 → body → button → caption) 2. The optimal canvas size and layout for this comparison (A4 / custom dimensions) 3. Step-by-step instructions to add custom Google Fonts to Canva (for any fonts not already in Canva's library) 4. What to look for when comparing: 5 specific typographic qualities to evaluate in each pairing when you see them rendered with real content (not just aesthetics — specific technical qualities like x-height relationship, weight contrast between heading and body, legibility at small sizes) 5. A quick scoring approach: how to objectively compare 4 options without just picking whichever 'looks nicest' in the first 5 seconds

I've selected my font pairing: [Heading font] for display and headings, and [Body font] for body text and UI elements. Now I need to implement this as a complete, usable typography system. **Project context:** - Use case: [website / app / print / presentation / all] - Device targets (for web/app): [desktop primary / mobile primary / both] - Content types in this project: [list: e.g., 'hero headings, section titles, body paragraphs, navigation labels, button text, table text, captions, footnotes'] Please design and document my complete type system: **Scale and Sizing:** For each text element I listed, provide: - Font (heading or body font) - Weight (numerical: 400, 500, 600, 700, etc.) - Size in px (desktop) and px (mobile) - Line height (as a multiplier: e.g., 1.5, or in px) - Letter spacing (in em or px) - Use case / when to use **Weight Usage Rules:** - When to use [Heading font] at each weight I'm licensing - When to use [Body font] at each weight - What weights to never use (and why) **CSS / Design System Tokens** (if for web): - Write the complete CSS custom properties for this type system (--font-display, --font-body, --text-xl, --text-lg, --text-base, --text-sm, --text-xs, with corresponding line-height and letter-spacing variables) - Write the font-face import statement for Google Fonts (with only the weights I'm actually using) **Canva Text Style Setup:** - Instructions to save these as named text styles in Canva for one-click application **3 Usage Rules:** - One always rule - One never rule - One rule specific to the heading font's particular character or quirk