What is Whitespace?
Whitespace (also negative space) refers to the empty space between and around design elements. It doesn't have to be white - any unfilled space counts. Types: Micro whitespace (between lines, letters), Macro whitespace (between sections, around images). Functions: Improves readability, creates visual hierarchy, directs attention, conveys premium feel, reduces cognitive load. Apple and Google are masters of whitespace. Beginner mistake: Fear of "empty" space leads to cluttered designs. More whitespace = not less content, but better communication.
Key Points
- Empty space between elements
- Doesn't have to be white
- Micro (lines) vs. Macro (sections)
- Improves readability and focus
- Premium feeling through generous space
- Less is more - Apple as role model
Practical Example
“By adding more whitespace around the CTA, click rate increased by 20% - it finally stood out.”