21 Inspiring Examples of White Space in Web Design

By / Nov 19, 2012 / Inspiration
shares

White space is the blank space, the empty space, between elements. It’s the space we leave between elements to give a layout an elegant look, a clean look. Lately we can see that more and more designers are realizing the importance of creating clean designs, designs that are user friendly and that take advantage of white space. From using white space in headers, footers, between menus, between images and information, texts and sidebars, here you will see great examples of whites space usage in web design. Remember that white space doesn’t need to be white, it may be any color, as long as it is empty.

Snowbird

21 Inspiring Examples of White Space Usage

Eighty3 Creative

21 Inspiring Examples of White Space Usage

Andrew Lucas

21 Inspiring Examples of White Space Usage

Adhara NY

21 Inspiring Examples of White Space Usage

Pirata

21 Inspiring Examples of White Space Usage

Chris Boddy

21 Inspiring Examples of White Space Usage

Over

21 Inspiring Examples of White Space Usage

Anonymous

21 Inspiring Examples of White Space Usage

Something Splendid

21 Inspiring Examples of White Space Usage

CO OP

21 Inspiring Examples of White Space Usage

superReal

21 Inspiring Examples of White Space Usage

Rockaway Relief

21 Inspiring Examples of White Space Usage

Tom Reinert Design

21 Inspiring Examples of White Space Usage

Magic Touch

21 Inspiring Examples of White Space Usage

CEE: The State of Financial & Economic Education

21 Inspiring Examples of White Space Usage

Beatbox Academy

21 Inspiring Examples of White Space Usage

labor b designburo

21 Inspiring Examples of White Space Usage

Session M

21 Inspiring Examples of White Space Usage

Philip House

21 Inspiring Examples of White Space Usage

NV Interactive

21 Inspiring Examples of White Space Usage

The Mealings

21 Inspiring Examples of White Space Usage

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

9 Comments

  1. Bodhum
    November 19, 2012

    By adding plenty of white space you can leave room for big images, video files, and larger text styles. Readers need extra space to digest larger blocks of sentences. This is a beautiful collection of websites thanks for sharing.

    Reply
  2. Tomek
    November 19, 2012

    Good set. Bring us a “inspiraing examples of DARK WEBSITES’ :)

    Reply
  3. Paul Grieselhuber
    November 19, 2012

    Great examples! We leverage whitespace heavily in our site (linked on my name) at LoudNoises. Would you mind taking a look and giving us your feedback? We’re constantly iterating and looking for valuable feedback!

    Cheers

    Reply
  4. Web Design Malaysia
    November 19, 2012

    Once again, a great collection of fine usage of white in web designs. Philip House looks really really good!

    Reply
  5. Matt Price
    November 21, 2012

    Great examples of web design giving white space centre stage for a change. Online attention spans are notoriously short, surely presenting information clearly, concisely and without unnecessary page clutter is the best way of engaging with your online audiences? Web designers pay attention!

    Reply
  6. Masood
    November 23, 2012

    Really Awesome collection.. My collection will be present soooooonnn…Please wait…

    Reply
  7. Megan
    November 24, 2012

    Refreshing! I wish more people appreciated ‘breathing room’ in design instead of asking that every pixel of space contain a marketing message.

    Reply
  8. Howard Steele
    July 24, 2013

    White space is a must – it surrounds the area of great importance :)

    Reply
  9. Neil
    November 4, 2013

    Great selection. I personally love Session M.

    Reply

Leave a Reply