Typography That Converts
Great typography is 95% of great design. Choose fonts that match your brand voice and scale them correctly.
1. Font Personality
Serif = trustworthy & classic. Sans-serif = modern & clean. Display = bold & creative. Match to brand.
2. Scale System
Use a type scale: H1 48px, H2 32px, H3 24px, Body 16px. Adjust responsively with clamp().
3. Line Height
Body: 1.6-1.7 for readability. Headings: 1.1-1.3 for tightness.
4. Max Width
Keep paragraphs at 65-75 characters per line for optimal reading.
5. Contrast
Ensure WCAG AA contrast: #333 on white for body text. Never use pure black on pure white.
Key Takeaway
Type scale: H1 48px / H2 32px / H3 24px / Body 16px with clamp() responsiveness