Typography Selector

Choose and pair fonts for readable, beautiful typography across any medium. Recommends specific font pairings with type scales, spacing, and responsive settings.

Usage

Describe your project type, brand personality, and where the typography will be used. The selector recommends specific fonts, pairings, and complete typographic systems with size scales and spacing.

Parameters

• Project: Website, Mobile app, Print, Branding, or Presentation
• Personality: Professional, Playful, Elegant, Modern, Technical, or Warm
• Budget: Free (Google Fonts), Premium, or System fonts only
• Languages: Latin, CJK, Arabic, Cyrillic, or Multi-script

Examples

1. Tech Startup Website: Pair a geometric sans-serif heading font with a humanist sans body font, providing the complete type scale from h1 to caption with responsive breakpoints.

1. Legal Firm Branding: Select a traditional serif for headings paired with a clean sans-serif for body text, conveying authority and trustworthiness with excellent readability.

1. Mobile App Typography: System font stack optimized for iOS and Android with size scales that respect platform conventions and accessibility text size settings.

1. Magazine Layout: Editorial typography system with display, heading, body, and caption styles using contrasting serif/sans-serif pairing for visual hierarchy.

Guidelines

• Font pairings follow the contrast principle — different enough to create hierarchy, harmonious enough to feel cohesive
• Type scales use mathematical ratios (1.25 Major Third, 1.333 Perfect Fourth, etc.)
• Line height recommendations vary by font size (1.5 for body, 1.2 for headings)
• Letter spacing adjustments are specified for headings, body, and all-caps text
• Web performance impact is noted — file sizes, subsetting, and loading strategies
• Fallback font stacks are provided for graceful degradation
• Variable fonts are recommended when available for flexibility and performance
• Accessibility considerations include minimum sizes, contrast, and dyslexia-friendly options
• Free alternatives are suggested for every premium font recommendation