Popular Tags

Smashing Magazine - we smash you with the information that will make your life easier. really.

Keep It Simple, Stupid!

Advertisement

Let’s put it straight – simplicity is more complex than you probably think it is. To design a web-site in user-friendly tones, presenting all information and removing unnecessary details isn’t easy. In fact, many designers don’t manage to find the right mix between details and their presentation on the screen, which usually results in an information overkill and/or decreased usability. However, some designers do manage to find the right balance and create usable, elegant and clean web-sites with simple layouts.

We’ve selected some of them. 49 simple, clean, sometimes even minimalistic designs, which all stick closely to one single principle – Keep It Simple, Stupid!. You can also download the whole KISS-gallery in PDF (7,2 Mb) – the document includes high-resolution screenshots and the list of all showcased web-sites. Please do not copy the list, but refer to it with a link.

Update: We’ve been buried as inaccurate/spam on Digg.com. If you don’t think that this post is inaccuarate and you don’t see any spam here, keep digging us and let us know your opinion in the comments.

Recently we’ve suggested few start points one could start learning simplicity from. If you are looking for inspiration, you’d probably like to check

we’ve selected recently.

Centered Designs

1. Davidville

Kiss-08 in Keep It Simple, Stupid!

2. The place Garrett Dimon calls home. | GarrettDimon.com

Kiss-12 in Keep It Simple, Stupid!

3. Drew Warkentin | Creative Solutions Daily.

Kiss-68 in Keep It Simple, Stupid!

4. Goplan – Online project management and collaboration tool

Kiss-56 in Keep It Simple, Stupid!

5. Business Logs: Blog Design, Blog Consulting, Web 2.0 Services.

Kiss-65 in Keep It Simple, Stupid!

6. 31Three – Web Development in Niagara, Ontario

Kiss-63 in Keep It Simple, Stupid!

7. 45royale, Inc. | Atlanta Web Design and Development

Kiss-66 in Keep It Simple, Stupid!

8. JeffCroft.com: Homepage

Kiss-67 in Keep It Simple, Stupid!

9. Web Design – Normanton, Wakefield, West Yorkshire – Grove

Kiss-62 in Keep It Simple, Stupid!

10. Jewelboxing – Super Jewel Box Packaging System – CD and DVD Cases

Kiss-20 in Keep It Simple, Stupid!

11. Studio MIKMIK: Graphic design and illustration by Michael Lewis

Kiss-46 in Keep It Simple, Stupid!

12. journal // hicksdesign

Kiss-58 in Keep It Simple, Stupid!

13. [Beta] Rapid coding collaboration: Springloops

Kiss-52 in Keep It Simple, Stupid!

14. Corking Design | Daniel Cork freelance web designer based in Manchester

Kiss-61 in Keep It Simple, Stupid!

15. Tijs Vrolix

Kiss-47 in Keep It Simple, Stupid!

16. Visit MIX07

Kiss-05 in Keep It Simple, Stupid!

17. Apple – iPod + iTunes

Kiss-04 in Keep It Simple, Stupid!

18. The Book Magazine – read online book reviews, author interviews

Kiss-43 in Keep It Simple, Stupid!

19. kottke.org :: home of fine hypertext products

Kiss-13 in Keep It Simple, Stupid!

20. Simple software to help you get organized: 37signals

Kiss-02 in Keep It Simple, Stupid!

21. t:m

Kiss-40 in Keep It Simple, Stupid!

22. The Missing Link – Homepage

Kiss-41 in Keep It Simple, Stupid!

23. Wishlistr: Skapa din egen onskelista

Kiss-29 in Keep It Simple, Stupid!

24. IconShoppe ~ Royalty-free stock icons for the web

Kiss-49 in Keep It Simple, Stupid!

25. Solution Watch – Your descriptive source of solutions

Kiss-23 in Keep It Simple, Stupid!

Left-aligned Designs

26. Navix Europe | Language, Creative & Consultancy Services

Kiss-19 in Keep It Simple, Stupid!

27. maybe.for.you.

Kiss-15 in Keep It Simple, Stupid!

28. Good Creative – Branding and Graphic Identity

Kiss-53 in Keep It Simple, Stupid!

29. Text Link Ads – Smart Link Marketing

Kiss-33 in Keep It Simple, Stupid!

30. Webdesign Werbeagentur Kassel Vitamin J Kommunikation

Kiss-38 in Keep It Simple, Stupid!

31. Subtraction 7.0

Kiss-10 in Keep It Simple, Stupid!

Vibrant and Dark Designs

32. We Create Things

Kiss-64 in Keep It Simple, Stupid!

33. Lighthouse

Kiss-55 in Keep It Simple, Stupid!

34. Centrigy™

Kiss-09 in Keep It Simple, Stupid!

35. nclud™ a creative web design agency

Kiss-51 in Keep It Simple, Stupid!

36. White Image – Irish Art

Kiss-50 in Keep It Simple, Stupid!

37. Revision3

Kiss-03 in Keep It Simple, Stupid!

38. The Consult – Creative Design Agency – Home

Kiss-44 in Keep It Simple, Stupid!

A Little Bit More Noisy, but Still Simple and Clean Designs

39. Webreakstuff

Kiss-32 in Keep It Simple, Stupid!

40. @media 2007 | The Cutting Edge Conference for Web Professionals

Kiss-37 in Keep It Simple, Stupid!

41. only a blog

Kiss-18 in Keep It Simple, Stupid!

Worth Mentioning

42. An Experiment Gone Useful – Artypapers

Kiss-01 in Keep It Simple, Stupid!

43. kartooner.com

Kiss-54 in Keep It Simple, Stupid!

44. Unspace

Kiss-26 in Keep It Simple, Stupid!

45. Wishingline Design Studios | Services – Services Summary

Kiss-30 in Keep It Simple, Stupid!

46. SXSW’07: After the Storm – Snook.ca

Kiss-25 in Keep It Simple, Stupid!

47. Design Observer: writings about design & culture

Kiss-17 in Keep It Simple, Stupid!

48. paulbeelen.com

Kiss-22 in Keep It Simple, Stupid!

49. Olof Lonnroth Design – Lonnroth.info

Kiss-60 in Keep It Simple, Stupid!

Vitaly Friedman, editor-in-chief of Smashing Magazine (www.smashingmagazine.com), an online magazine dedicated to designers and developers.

Post Rating
1 Star2 Stars3 Stars4 Stars5 Stars (No votes yet)
Loading ... Loading ...

Tags: ,

Advertising
  1. 1
    maksik
    March 26th, 2007 9:11 pm

    Cool!!!

  2. 2
    Eddie Sowden
    March 26th, 2007 9:28 pm

    Some nice sites. Its interesting to see how many use only a single column for their main content and how many who have lots of columns.

    Just out of interest how do you go about finding the sites that you use for your lists? Are they just sites that you happen to know of already or do you go to gallery sites looking for good designs?

  3. 3
    Vitaly Friedman
    March 26th, 2007 9:44 pm

    2Eddie: thanks. First of all, we list at least 15-20 sites we know and seen earlier. Afterwards we search through 10-15 CSS-galleries and select some of the most beautiful examples we find.

  4. 4
    Quakeulf
    March 26th, 2007 10:08 pm

    I really like these articles. They are so inspirational, but they make me feel like ass in comparison. :p

  5. 5
    James Broad
    March 26th, 2007 10:11 pm

    Fab resource!

  6. 6
    Carlos Eduardo
    March 26th, 2007 10:34 pm

    I like simplicity!

    So many designers that I know, doesn’t like simple layouts, because they think it’s boring and ugly…

    Sometimes it’s harder than create complex layouts… You need to know where and when white space is the better choice.

  7. 7
    add
    March 26th, 2007 11:30 pm

    guys at digitalweb don’t have a feed, 2007? sooo lame

  8. 8
    Andrew
    March 27th, 2007 1:22 am

    Great list. I am in a continuous process of revisions in an aim to find the perfect simplicity. I am not there yet but this should help a lot.

  9. 9
    Bill B
    March 27th, 2007 5:24 am

    I love clean design. As a multimedia/graphic designer I have been inclined to learn Flash in the past few years. Taking a look at where the web is going, ie Web 2.0 I feel flash based websites are going to be ancient history except for certain exceptions. Anyone else feel the same way? Let me know.

  10. 10
    John Mason
    March 27th, 2007 5:50 am

    I really like the PDF file version for this post. I printed it out and put it in page protectors in a binder. I find that I can flip through the binder and look as designs and get ideas faster than surfing lots of sites. I also put my own comments on the printouts. Can you make PDFs of the other posts that you have done on website design? The 4 you have listed below the introduction text would be great. Your site is great, keep up the good work.

  11. 11
    Aaron
    March 27th, 2007 12:01 pm

    Awesome list – one more for keeping it simple: http://www.seventhvision.com.au

  12. 12
    Joe
    March 27th, 2007 1:26 pm

    May be u can also make a list of complicated web site, that u should not follow. :D

  13. 13
    Lee Rickler
    March 26th, 2007 10:12 pm

    A lot of my personal sites follow the KISS rule and mainly revolve around 1 master area.
    It’s the cleanest, easiest way to design.

  14. 14
    David G. Paul
    March 27th, 2007 2:33 pm

    there’s some damn nice sites there, maybe one day I’ll actually manage to make a site as nice

  15. 15
    george
    March 27th, 2007 3:17 pm

    also worth mentioning would be bloobseven.net

  16. 16
    Bloghash
    March 27th, 2007 3:04 am

    Very true! It’s more tough that one could imagine to make something very simple and yet come up with an excellent design. Your article has some nice looking website and inspires me to follow their approach.

    Thank you for the list!

  17. 17
    BadSlacks
    March 27th, 2007 5:29 am

    Agreed – simple is better. I’ve tried to balance an inviting design and the presentation of content on my blog using the concept of “keeping it as simple as possible.”

  18. 18
    helmut
    March 27th, 2007 9:46 pm

    i’ve seen couple of the designs presented here also at open source design sites – i guess here are the original ones (the designers who created layouts for open source..).

  19. 19
    Ryan Merket
    March 27th, 2007 8:53 am

    I like my firms site (very simple) pendergraphics

  20. 20
    quard
    March 28th, 2007 3:52 am

    Thanks for this great list!

  21. 21
    Pomster
    March 28th, 2007 4:39 pm

    As always, I love your lists and this one is superb. Insired!

  22. 22
    Seth
    March 29th, 2007 2:37 am

    wow the famous “KISS” in web design, it interests to me.

    greetings!

  23. 23
    Custom Web Site Design
    March 29th, 2007 6:26 pm

    Some people are saying that simple design is boring… well simple design can be boring… but I also think simple design is the key if you want a website that works for your business… a very often a complicated design can work against your business… just my opinion :)

  24. 24
    Mizan
    April 4th, 2007 10:39 pm

    Wow, i could certainly use these techniques of web 2.0 in my web designing. Nice article

  25. 25
    rohit prasad
    April 11th, 2007 1:36 pm

    Please add my site also in sutable category

  26. 26
    Laurens
    April 26th, 2007 5:33 pm

    Awesome!

  27. 27
    Pablo Rosales
    May 6th, 2007 10:22 am

    Great, i love minimalistic designs, can’t help it

  28. 28
    carlo isles
    May 7th, 2007 3:26 pm

    Everything is so simple. I love it. :)

  29. 29
    Ma-co Brown
    May 7th, 2007 4:18 pm

    Excellent Usability and Fantastic User Interface.

  30. 30
    Richard
    May 14th, 2007 2:32 pm

    I have gone through your site its good and excellent,and i found many interesting things to read ,gathered information
    so here i am linking you relevant site to get more details,

    onlinebookreviews

  31. 31
    Alin
    May 18th, 2007 2:48 pm

    have gone through your site its good and excellent, and i found many interesting things to read,gathered information.
    So here i am linking you relevant site to get more details,
    onlinebookreviews

  32. 32
    ArcticSoft
    May 22nd, 2007 3:23 am

    I like most of them. I do not like Apples site. It appears simple but after using it, it is pretty terrible. Most of the time you dont know what section you are under as each tab is a whole different site in itself. But the idea is great. I like simple Website Design

  33. 33
    Steve Jobs
    May 22nd, 2007 4:20 am

    If anyone has ever used Apple’s “iWork” application, many of these layouts look rather familiar. Most could have been designed in iWork, just by using the templates for the basic layout.

  34. 34
    Jennifer Farley
    May 22nd, 2007 7:54 pm

    More Inspiration! Thanks. Just found this after looking at your new list. The only problem with these lovely designs is that it makes me want to go and re-design mine all the time.

  35. 35
    Kev
    May 23rd, 2007 5:47 am

    Thanks for the include! Can’t believe I’m on a list with some of these designers!

  36. 36
    Photographer
    June 25th, 2007 5:08 am

    Outstanding post. These are all excellent designs. Certainly a good mixture of text and graphics. I am certainly learning a lot from these designs, and as we like to say imitation is a sincerest form of flattery.

  37. 37
    Keral Patel
    July 17th, 2007 12:44 pm

    Quite a collection here. I have also wanted to make good CSS designs but I am just moving to it.

  38. 38
    Nathan Chapman
    September 17th, 2007 5:11 pm

    Good Article, but:

    Would this make my site too complicated?
    I’m not trying to spam, I just have made it recently and have no idea.

    Thanks anyways, Nathan

  39. 39
    Roy
    September 21st, 2007 5:39 pm

    Great designs!

    One of my favourite http://www.abacusdatasys.com

  40. 40
    Arjun
    September 30th, 2007 2:03 am

    assume collection……. but ll try to do better than u…. its challenge!!!!!!!!!!!1

  41. 41
    mauc
    November 7th, 2007 5:31 pm

    simple is cool. and your list is quite inspiring!

  42. 42
    Ian Yang
    November 21st, 2007 10:04 am

    When I do need a BIG changeover for my website, this is the place I definitely will come for inspiration! Excellent picks!! :P

  43. 43
    Jeff Adams
    January 5th, 2008 2:08 pm

    oooh some lovely wee designs in here, i like the darker ones they seem more elegant somehow. When I need a revamp or design inspiration, these are the types of blogs i like to check out thanks smashing magazine!!

  44. 44
    ase
    January 9th, 2008 6:14 pm

    where is darinfireball.net ?

  45. 45
    Peter
    January 11th, 2008 12:54 pm

    Hey, fantastic list of sites. So simple and elegant :)

  46. 46
    Reed
    January 11th, 2008 1:12 pm

    So simple means white and boring?

  47. 47
    Martin Olsson
    January 14th, 2008 12:47 pm

    Bare-knuckle simplicity – gone too far? smpl.se

  48. 48
    a friend
    January 14th, 2008 2:28 pm

    the link to the email advertising site might have triggered your burial on digg

  49. 49
    greywulf
    January 22nd, 2008 12:36 pm

    You know, for a post about KISS web design, this site looks a LOT better once I blocked all the &^&%&ing advertising!!

    Maybe it would be a good idea to learn your own lessons, perhaps :)

  50. 50
    Bjarni Wark
    January 24th, 2008 4:48 pm

    I am looking at seeing some designs that use 50/50 spacing for layout, I would say something similar to the idea of how a book would display its conent

  51. 51
    simon
    January 26th, 2008 9:55 am

    Nice article but I disagree a wee bit, simple is good for a lot of sites, yes. take a look at the apple store, its not simple, take a look at any big e-commerce store, ebay, dell the list is endless, most of the sites you show are non-commercial blogs etc, while the web 2 style look works for them, it simply work quite work that way with e-commerce sites, where conversion and design are king.

  52. 52
    Nix
    March 2nd, 2008 7:43 pm

    I think that keeping the design clean & simple is the best for your website design.

  53. 53
    Man
    March 23rd, 2008 10:12 am

    Great designs!

  54. 54
    James
    March 24th, 2008 4:30 am

    Simple, clean design is an excellent idea for a great looking website.

    You dont want anything too fancy otherwise you distract your readers. I love the examples in this post.

  55. 55
    Jerzy
    April 11th, 2008 10:33 pm

    I admire 32. website, nice and i am going to use it . thanks!
    frengly

  56. 56
    Ryan Harris
    May 1st, 2008 12:30 pm

    I absolutely love springloops.com. Another one of my favorites is

  57. 57
    YD
    June 19th, 2008 1:29 am

    Very Very Very Very Very…….. Nice

  58. 58
    elvrace
    September 25th, 2008 10:05 pm

    Just say http://www.smashingmagazine.com got award from my blog…
    so thx smashingmagazine…

  59. 59
    Xenstar
    September 30th, 2008 8:00 am

    I wonder if people would consider a site like Avalonstar.com simple. The layout itself is very simple, but it has the illusion of being busy because of the abstract coloring and styling mechanics used in it’s design.

    Just as well, I’ve been working on my own site (Xenostar.net) trying to get it to look as simple as possible; I have to say, it isn’t as easy at one would think. Its even harder because I’m designing live.

  60. 60
    Sheryar Nizar
    May 9th, 2009 4:10 am

    Nice …

  61. 61
    JAG
    July 27th, 2009 1:02 pm

    I use articles like this to help me with my designs. It’s very difficult to keep it simple after working on a design for an extended period of time. After viewing sites like the ones posted above, I can tell when to stop adding and start perfecting what I have. Thank You!

  62. 62
    Thomas
    September 4th, 2009 1:53 pm

    I like the new designs where a picture or flash movie (700×400 i think) is used, I’ve used this on a few pages, where this photo or movie is toward the top takes up most of the space and links are underneath.

  1. 00

    There are no trackbacks at this time. If you are interested in leaving a trackback, please use this URL.

Leave a Comment

Make sure you enter the * required information where indicated. Please also rate the article as it will help us decide future content and posts. Comments are moderated – and rel="nofollow" is in use. Please no link dropping, no keywords or domains as names; do not spam, and do not advertise!



Advertisement Advertise with us!
Join in Smashing Forum
Post your job
Advertisement