A good typography hierarchy improves text readability and makes it easier for users to scan content.
The three basic levels of typography hierarchy:
- Heading (H1): Largest and most attention-grabbing, main topic of the page
- Subheading (H2, H3): Medium size, divides content into sections
- Body Text: Smallest size, should be comfortably readable
Tips for effective typography hierarchy:
- Size contrast: At least 10pt difference between heading and body text
- Font weight: Bolder for headings, standard for body text
- Letter spacing: Tighter for headings, more relaxed for body text
- Color: Darker shades for headings, lighter tones for body text
Proper typography hierarchy can make users stay on your page 8 seconds longer.