Top 25 CSS Clean Sites of 2007

January 6, 2008 - 16 Comments
Inspiration

A year in the life of web design can be compared to architecture from the sixties to the architecture of the nineties. The difference is phenomenal. If you don’t keep up with web trends then it will most definetly reflect on your design, technologies evolve slower, making it easier to keep up to date, but styles make life harder.

One of the most prominent design styles to make it to the forefront of design is the ‘clean’ style and the use of whitespace. It has been talked about for a while now on many websites, it is now that we are seeing it being implemented properly throughtout the net.

Personally I like this style, designed well, it gives a site a classy and tidy layout. I know that if I stumble on to a site that that tries to offer far too much information, I am instantly turned off. The clutter and the color collages sometimes are too much. Maybe we should all rethink our design strategies, go back to basics that this style offers. Food for thought.

Anyway, below are my favourite 25 clean site designs of 2007. Maqina epitamizes everything that I feel is right in web design, simple, easy to navigate, offers all the info you would need in one page. Brilliant. Let me know what you think.

1. Maqina/ (www.maqina.ro/)

2. Fresh Creative (www.getfinch.com/)

3. Oranges (www.o.rang.es//)

4. Aiga NY (www.aigany.org/)

5. Mark Boulton (www.markboultondesign.com/)

6. Cottyn (www.cottyn.com/)

7. We Break Stuff (www.webreakstuff.com/)

8.Design View (www.andyrutledge.com/

9. Freesbe (www.freesbe.es/)

10. NERDVERK (www.nerdverk.com/)

and the also rans…

http://www.gearboxmedia.net/

http://www.velingo.com/

http://www.huddle.net/

http://www.dannyblackman.com/

http://www.leica-camera.co.uk/home/

http://www.baselinedc.com/

http://www.verbalized.net/

http://www.hotmeteor.com/v6/

http://www.addiscreson.com/

http://www.growstudio.co.uk/

http://www.lightfin.com/index.htm

http://www.rikcat.com/

http://www.humblevoice.com/

http://jontangerine.com//

http://www.speckyboy.com/

In page layout, illustration and sculpture, white space is often referred to as negative space. It is that portion of a page left unmarked: the space between graphics, margins, gutters, space between columns, space between lines of type or figures and objects drawn or depicted. The term arises from graphic design practice, where printing processes generally use white paper.

White space should not be considered merely ‘blank’ space – it is an important element of design which enables the objects in it to exist at all, the balance between positive (or none-white) and the use of negative spaces is key to aesthetic composition.

When space is at a premium, such as some types of magazine, newspaper, and yellow pages advertising, white space is limited in order to get as much vital information on to the page as possible. A page crammed full of text or graphics with very little white space runs the risk of appearing busy, cluttered, and is typically difficult to read. Some designs compensate for this problem through the careful use of leading and typeface.

Judicious use of white space can give a page a classic, elegant, or rich appearance. For example, upscale brands often use ad layouts with little text and a lot of white space. Inexpert use of white space can make a page appear incomplete.

Wikipedia definition of Whitespace.

Subscribe via RSS or Follow us on Twitter

Share This Post

There are 10 Comments › Leave your comment

Onur Ozer
7 Jan, 2008

Hello,

Although I’m not a designer, I agree on your points about keeping the design “clean” and “simple”. Trying to convey too much information on a single page usually leads to not being able to accomplish much.

My favorite on this list is #4, markboultondesign.com. I also think garrettdimon.com could be included in this list.

Lastly, Seeing our website, nerdverk.com at #10 amongst other great examples of clean design is quite flattering.

Thanks.

Reply
jolan
7 Jan, 2008

I would have had (N.9) Freesbe at Number. Great List.

Reply
Fath
9 Jan, 2008

Hey there. Very nice list… I love them :P

Reply
Emil Paun
10 Jan, 2008

Thank you for the kind words :)

Reply
Web Design Manchester
28 Jan, 2008

I’d love it if we could be included on your list at some point… please?

Reply
AmeyJah
6 Mar, 2008

Really amazed to see such clean sites. Fresh Creative is really good. I wonder how do these experienced designers manage to design such clean sites??

Reply
Sebastian
18 Jul, 2008

Wonderfull, in their simplicity every website is very amazing…
I think clean design will last for years against complex structure that you have to update every change of the fashion :D

Reply
Paul Dowd
4 Oct, 2008

Well, To be honest I think the growstudio site should be No 1, why, because I designed and built it when I worked for them.

Reply
Design55
12 Jul, 2009

Freesbe it’s my favorite! Nice post, thx.

Reply
egyptian web designer
27 Oct, 2009

thanks very cool collection

Reply