Get expert typography pairing recommendations with scales, usage guidelines, and accessibility notes
Recommend typography pairings for [PROJECT TYPE]. Project Context: - Project type: [WEBSITE/APP/PRINT/BRAND] - Industry: [INDUSTRY] - Brand personality: [CHARACTERISTICS] - Content types: [LONG-FORM/SHORT-FORM/MIXED] - Technical requirements: [WEB FONTS/SYSTEM FONTS/VARIABLE] Provide typography recommendations: **1. Primary Pairing Recommendation** *Heading Font:* - Font name - Classification (serif, sans-serif, display, etc.) - Weights to use - Character/personality - Where to source (Google Fonts, Adobe, etc.) *Body Font:* - Font name - Why it pairs well - Optimal sizes for readability - Weights for hierarchy *Why This Pairing Works:* - Contrast principles - Historical/stylistic connection - Technical compatibility **2. Alternative Pairings (2-3 options)** For each alternative: - Heading + body combination - Use case (when to choose this instead) - Pros and cons **3. Type Scale** | Element | Size | Weight | Line Height | Letter Spacing | |---------|------|--------|-------------|----------------| | H1 | | | | | | H2 | | | | | | H3 | | | | | | Body | | | | | | Caption | | | | | **4. Usage Guidelines** - Heading usage rules - Body text guidelines - Pull quotes/callouts - Navigation/UI type - When to use each weight **5. Responsive Typography** - Mobile sizing adjustments - Fluid type scale recommendations - Breakpoint considerations **6. Performance Considerations** - Subset recommendations - Loading strategy (font-display) - Fallback stack **7. Accessibility Notes** - Minimum sizes - Contrast requirements - Dyslexia-friendly considerations
Recommend typography pairings for [PROJECT TYPE]. Project Context: - Project type: [WEBSITE/APP/PRINT/BRAND] - Industry: [INDUSTRY] - Brand personality: [CHARACTERISTICS] - Content types: [LONG-FORM/SHORT-FORM/MIXED] - Technical requirements: [WEB FONTS/SYSTEM FONTS/VARIABLE] Provide typography recommendations: **1. Primary Pairing Recommendation** *Heading Font:* - Font name - Classification (serif, sans-serif, display, etc.) - Weights to use - Character/personality - Where to source (Google Fonts, Adobe, etc.) *Body Font:* - Font name - Why it pairs well - Optimal sizes for readability - Weights for hierarchy *Why This Pairing Works:* - Contrast principles - Historical/stylistic connection - Technical compatibility **2. Alternative Pairings (2-3 options)** For each alternative: - Heading + body combination - Use case (when to choose this instead) - Pros and cons **3. Type Scale** | Element | Size | Weight | Line Height | Letter Spacing | |---------|------|--------|-------------|----------------| | H1 | | | | | | H2 | | | | | | H3 | | | | | | Body | | | | | | Caption | | | | | **4. Usage Guidelines** - Heading usage rules - Body text guidelines - Pull quotes/callouts - Navigation/UI type - When to use each weight **5. Responsive Typography** - Mobile sizing adjustments - Fluid type scale recommendations - Breakpoint considerations **6. Performance Considerations** - Subset recommendations - Loading strategy (font-display) - Fallback stack **7. Accessibility Notes** - Minimum sizes - Contrast requirements - Dyslexia-friendly considerations
This prompt is released under CC0 (Public Domain). You are free to use it for any purpose without attribution.
Explore similar prompts based on category and tags
Generate color palettes with theory explanations, accessibility compliance, and usage guidelines
Analyze UI layouts for hierarchy, balance, accessibility, and provide actionable improvements
Create detailed character design specifications for mascots, game characters, or brand illustrations
Create detailed icon set design specifications with grid systems, construction rules, and export requirements
Create harmonious color palettes from concepts