13 Inspiring Examples of Whitespace in Web Design

By / Jan 13, 2014 / Inspiration
shares

There are a many aspects of good web design, and whitespace is certainly one of them. Whitespace is the empty space around design elements such as images, text, columns, etc. It is that blank space that makes layouts clean and sophisticated. Remember that whitespace doesn’t need to be white, as long as it is blank, any color will do the job and will deliver a clean and elegant design.

Cory Gibbons

13 Inspiring Examples of Whitespace in Web Design

Metta Skincare

13 Inspiring Examples of Whitespace in Web Design

13 Inspiring Examples of Whitespace in Web Design

Webydo

13 Inspiring Examples of Whitespace in Web Design

Bookshelf

13 Inspiring Examples of Whitespace in Web Design

Plainwhite

13 Inspiring Examples of Whitespace in Web Design

Barley

13 Inspiring Examples of Whitespace in Web Design

13 Inspiring Examples of Whitespace in Web Design

Brad Hogan

13 Inspiring Examples of Whitespace in Web Design

Musio

13 Inspiring Examples of Whitespace in Web Design

13 Inspiring Examples of Whitespace in Web Design

Hop.in

13 Inspiring Examples of Whitespace in Web Design

BrightByte

13 Inspiring Examples of Whitespace in Web Design

13 Inspiring Examples of Whitespace in Web Design

Who’s your Santa?

13 Inspiring Examples of Whitespace in Web Design

CycleLux

13 Inspiring Examples of Whitespace in Web Design

Suki

13 Inspiring Examples of Whitespace in Web Design

13 Inspiring Examples of Whitespace in Web Design

About the Author

Gisele Muller loves communication, technology, web, design, movies, gastronomy and creativity. Web writer, portuguese/english translator and co founder of @refilmagem & @mentaway Twitter: @gismullr

11 Comments

  1. Maria
    January 13, 2014

    Wow, this stuff is truly inspiring. White is so pure and beautiful but I have never thought that it can be used so wisely in web design. I will try to adopt bits and pieces in our projects at Designus.ie. However my understanding is that with a website as neat and clean as the above ones the whole emphasis and the power has to “fall” on the content. Otherwise the would look very empty..?

    Reply
  2. Johnny
    January 13, 2014

    I love the clean crisp web designs

    Reply
  3. Craig Thomas
    January 14, 2014

    Whitespace is always good looking, very beautiful and ofcourse seo friendly I must say. I have have found much many whitespace design. Webydo is very smart design. thank you Muller for sharing this awesome design.

    Reply
  4. Webydo
    January 14, 2014

    Hi Maria,

    Utilizing your white space absolutely does give any website a certain crisp and clean feel to it, and allows visitors to more easily find the most important content on your website. Which, this is what matters, that your clients or visitors will quickly be able to navigate your site without feeling overwhelmed. A site won’t look empty with good content, you are right, but designing a page so that it feels full but not heavy and not empty is the balance and exciting challenge of any designer.

    And thank you @Gisele and WDL for including us here as well.
    ~CID & The Webdyo Team

    Reply
  5. Brad Hogan
    January 14, 2014

    I’m honored to be in your list, thank you so much! I also love some of the other sites you have included, white space rules ;). Seriously, though… If it can be done well (and it can), whitespace can make the user experience SO much better and after all, we want people to actually be able to read the content we produce, right?

    Thanks again for the inclusion, cheers!

    Reply
  6. Justin Lanigan
    January 15, 2014

    Fantastic list and some great inspiration. Thanks for posting.

    Reply
  7. Luis Smith
    January 18, 2014

    I love how they look, I reckon whitespace is important and also provides a clear hierarchy of elements, good for UX.

    Reply
  8. Bianca Board
    January 22, 2014

    White space design is definitely more popular now. I really hate crowded websites… a really hate it when clients DEMAND I’m cram every single but of white space up. Horrid. Thankfully clean design is becoming more popular so those type of request are less and less common.

    Reply
  9. Tiago Fontella
    January 23, 2014

    Muito bom teus posts. Todos =)

    Reply
  10. Montreal Web Designer
    February 3, 2014

    Absolutely love the idea of using white space to focus a visitors attention on the important parts. Web sites these days are so over crowded, you dont want to read more because you are tired of reading.

    I shouldn’t be the one talking though…I don’t like wasting real estate and believe that every pixel counts, when actually it doesn’t. The only thing that counts these days, is to effectively deliver you message.

    Reply
  11. Zion Eye Media
    February 25, 2014

    Thanks for this list! I love how designs nowadays are filling up with more white space to focus on their content and user experience. It’s great to see that designs are maturing and evolving as well. I agree with Bianca: clients should take heed into using white space as separation to display powerful content and increase readability for their customers.

    Kudos!

    Reply

Leave a Reply