White Space
Definition
The empty space between elements on a page. Also called negative space. Good use of white space makes content easier to read and designs feel more professional.
What is White Space?
White space (or negative space) is the empty area between and around elements on a page. It doesn't have to be white – it's any area without content, images, or design elements.
Why White Space Matters
Readability
Text surrounded by white space is easier to read. Cramped text is exhausting.
Focus
White space guides the eye to important content by reducing visual noise.
Professionalism
Premium brands use generous white space. Cheap, cluttered designs use minimal space.
Comprehension
Users process information better when it's not competing with surrounding elements.
Types of White Space
Macro White Space
Large spaces between major sections. Creates clear content separation.
Micro White Space
Small spaces between lines of text, list items, and buttons. Affects readability.
Common Mistakes
Cramming Content
Trying to fit everything above the fold leads to cluttered, ineffective design.
Fear of Emptiness
Empty space isn't wasted space – it's working to make your content more effective.
Inconsistent Spacing
Random spacing between elements makes designs feel unprofessional.
Using White Space Well
Let Content Breathe
Don't pack elements too tightly together.
Create Hierarchy
More white space around important elements makes them stand out.
Consistent Spacing
Use a consistent spacing system throughout your design.
Be Bold
Sometimes a page with less content (and more white space) is more effective than cramming in everything.
Apple is the classic example – their website uses massive white space to create a premium, focused experience.