Use of White in Web Design: Tips and Trends

What comes to your mind when you think of the color white? White is the most simple, elegant and peaceful color. Use of white color in web design is seen in many blog, online portfolio, e-commerce and many more sites. White is used for font color, background color, link, images and many more. Although, if you might think white color website is not that appealing to readers, you would be surprised. Some of the best designed websites on the web are use white. In this post you will find inspiration and tips on using white color on your websites.
Minimal Beautiful Sites
Simple minimal websites are delightful to view. When you are creating a white background color website using white, keep it basic and uncluttered. The beauty will reveal itself. Just to name drop some of the big company and website as flickr, iStockphoto, Makeuseof, Apple uses white as background color. Most of the following sites are minimal but yet they show how using white it can bring out the potential of the content and the website itself.
Buffalo-Web Design & E-commerce
Using Illustration with White
Handwritten design, illustration, cartoon characters and grunge is the new web trend. Web design and graphic designers shows their creativity using through this illustration and artwork. Here is a simple example to brag about the #FFFFFF :When a painter starts with a drawing the canvas is white or an Illustrator drawing a character they start with a blank white paper. The end result comes out beautiful. The white color is root of all the beautiful things that lays underneath. The following websites show using white creatively with illustration and drawing to bring out the artistic and creative side of the white.
Using White to Brighten up Other Colors
You would think simple plain web sites are exciting like the colorful websites and you would be wrong. Keep in mind that white can make any other light and bright color bring out its depth, intensity and richness. Color such as red, blue, light green , pink and any other light color will look focused and pleasant. Therefore, if you are planning to mix up other color in links, menu, buttons use the color wisely, rather then looking like a mess. Here are some website that makes white and other colors work together and makes it sexy.
Final Words
Just to recap here are some simple tips creating a website with white:
- Use the light and bright color for the links .
- Try to keep it as much as minimal as you can.
- Make the content easy to follow
- Do not clutter with ads. If you decide to include ads do not use a different background color.
- Do not use small font size.
- Get Creative!
Is there any tips you would like to share?






































nice post very interested. great examples thanks:D
Sarah´s last blog : derek loux, festivus, festivus for the rest of us, …
Nice list, white makes you design look more easy and professional
I found your blog on google and read a few of your other posts. I just added you to my Google News Reader. Keep up the good work. Look forward to reading more from you in the future.
I love the look as well. I think I might be doing something similar with my site!
Maybelline´s last blog : Maybelline XXL Mascara – FREE!
Interesting Article. Thanks for the read!
when you’ve got great images, then white is perfect – let the images speak for themselves
majorca holidays’s last blog post..Majorca Holiday Guide to Cala D’Or
Great informative article! We love utilizing whitespace as a design tool and we’re so pleased you featured our website.
Jennifer’s last blog post..we love — a recycled office
Great Roundup.
I am a great fan of white space and uses it a lot in my designs.
Thank you for featuring my site! Props to all the other featured sites, very inspiring!
Jeffdoe’s last blog post..Portfolio Update: Scion Drive Tour 09
@RMK: Well thats okay. everyone has different opinion.
Just wanted to say that strictly speaking, white (like black) is NOT a color. It’s the ABSENCE of color. Correcting this would give you more credibility, IMHO
.
Nice list.
@Kevin Palmer: @Matt Fouty: Thanks guys appreciate the kind comments
Very cool, my own site uses white heavily! I dig the minimalist style.
Matt Fouty’s last blog post..Wire Caddy Website and Brochure
great article nice examples thanks..
joyoge designers’ bookmark’s last blog post..Use of White in Web Design: Tips and Trends
Great list. Always love to see people pushing the use of white space in design. We actually just finished our new site http://www.HEAVYGIANT.com and it uses lots of white.
Kevin
@heavygiant
Useful post, thanks
Patternhead’s last blog post..Free Vector and Pixel Patterns – Ornate Set 2
BTW I love your blog!
Useful post, thanks
Patternhead’s last blog post..Free Vector and Pixel Patterns – Ornate Set 2