Whitespace - the most powerful design principle of them all

Whitespace is a very powerful technique. It's a lot more than just making things look pretty. Many luxury brands use white space to create a sense of exclusivity and style.

A few pointers to start off:

  • White Space is also known as whitespace - the same thing
  • White space is also known as negative space
  • Your space doesn't need to be the colour white


white space in web design
Much better on the right!

By adding spacing you can group elements. How much more organised does that look?

The power of white space

differnce with shite space
Look at the difference between 1 and 4

By removing one navigation item, look what difference we get. how much more readable is the last example?

Emphasis on the block with the white space

Spacing equals much better emphasis

On the right-hand side, your eye immediately goes to the block with the more apparent white space

Examples of websites with good white space

Hey - BaseCamp's new email product
A very timely example. This week BaseCamp launched their new product Visit Hey.com

Just this week Hey.com was launched. It's Basecamp's new email product. The website and product look great. Look at how the white space forces you to do nothing else but concentrate on the headline.

Dental website
White Space doesn't need to be white Visit Deakin Dental

Good use of white space. Note the "white space" is actually pink. It's a well thought out site and the feeling of qualty feel comes from the white space.

Leisure wear
The horse lady looking at the call to action, a good idea!Visit Personal Preppy

Look at how the horse rider is looking at the call to action. When us human see people looking at something, our attention is instictively to look at what they are looking at.

With great power comes great responsibility - use white space carefully!

EXCLUSIVE Content for Email subscribers only::

Get episodes 2 weeks before anyone else + Moving That Needle inside news

Up to 1 email per week // 100% Absolutely No Spam // Unsubscribe at any time