Give Text Breathing Room

The most common beginner mistake is too dense text.

1. Line Height

Always use unitless numbers!

• 1.2: for headings.
• 1.5 - 1.6: golden standard for main text.
• Avoid pixels in line-height, otherwise when font size changes, text will " pile up " on each other.

2. Letter Spacing

• Negative (-0.01em): for very large headings to make them look more cohesive.
• Positive: for small text written in capital letters (UPPERCASE).

p {
  line-height: 1.6;
  letter-spacing: 0.01em;
}