50 Beautiful CSS-Based Web-Designs in 2006

Advertisement

2006 was rich on creative, beautiful and unusual design concepts. We’ve seen a lot of whitespace, many examples of readable and usable text-design, badges, stars, rounded corners, shapes, gradients, mirror and 3D-effects – just name it. Let’s take a close look at some of the most beautiful designs we’ve seen in 2006. Links checked: May/29 2008 – 5 outdated designs deleted.

Vibrant Designs

Screenshot1

SteveLeggat.com2

Screenshot3

Emotionslive.co.uk4

Screenshot5

Dinis91.com6

Screenshot7

Joyent.com8

Screenshot9

Haveamint.com10

Screenshot11

Vivabit.com12

Screenshot13

olivier.danchin.neuf.fr14

Screenshot15

Foxie.ru16

Screenshot17

Cameronmoll.com/portfolio18

Screenshot19

Tonyyoo.com/v220

Screenshot21

Komodomedia.com22

Screenshot23

Bartelme.at24

Screenshot25

Quatuour.be26

Screenshot27

Onlinecenter.nu28

Screenshot29

Fall.tnvacation.com30

Screenshot31

Zero.ru32

Screenshot33

Methodarts.com34

Screenshot35

Summer.tnvacation.com36

Screenshot37

Icebrrg.com38

Dark Designs

Screenshot39

Kineda.com40

Screenshot41

Colourmod.com42

Screenshot43

Rikcat.com44

Screenshot45

BeSuperCharged.com46

Screenshot47

Veerle.duoh.com48

Screenshot49

Obuweb.com50

Screenshot51

Slideshowpro.net52

Screenshot53

Whitwa.net54

Light Designs

Screenshot55

Mstefan.com56

Screenshot57

Subdued.net58

Screenshot59

Devlounge.net60

Screenshot61

Theologisches-seminar-elstal.de62

Screenshot63

Nice-Design.co.uk64

Screenshot

Media2006

Screenshot65

ElectricPulp.com66

Screenshot67

SusannePaschke.de68

Screenshot69

PixelEden.net70

Screenshot71

Jek2k.com72

Screenshot73

Morellc.com74

Screenshot75

Attitudedesign.co.uk

Screenshot76

CSS Vault77

Screenshot78

Evaneckard.com79

Screenshot80

WallopCreative.com81

Screenshot82

Jeffcroft.com83

Footnotes

  1. 1 http://www.steveleggat.com
  2. 2 http://www.steveleggat.com
  3. 3 http://emotionslive.co.uk/
  4. 4 http://emotionslive.co.uk/
  5. 5 http://www.dinis91.com/
  6. 6 http://www.dinis91.com/
  7. 7 http://joyent.com/
  8. 8 http://joyent.com/
  9. 9 http://www.haveamint.com/
  10. 10 http://www.haveamint.com/
  11. 11 http://www.vivabit.com/
  12. 12 http://www.vivabit.com/
  13. 13 http://olivier.danchin.neuf.fr/
  14. 14 http://olivier.danchin.neuf.fr/
  15. 15 http://foxie.ru
  16. 16 http://foxie.ru/
  17. 17 http://www.cameronmoll.com/portfolio/
  18. 18 http://www.cameronmoll.com/portfolio/
  19. 19 http://tonyyoo.com/v2/
  20. 20 http://tonyyoo.com/v2/
  21. 21 http://www.komodomedia.com/
  22. 22 http://www.komodomedia.com/
  23. 23 http://www.bartelme.at
  24. 24 http://www.bartelme.at
  25. 25 http://www.quatuor.be
  26. 26 http://www.quatuour.be
  27. 27 http://www.onlinecenter.nu
  28. 28 http://www.onlinecenter.nu
  29. 29 http://fall.tnvacation.com
  30. 30 http://fall.tnvacation.com
  31. 31 http://www.zero.ru
  32. 32 http://www.zero.ru
  33. 33 http://www.methodarts.com
  34. 34 http://www.methodarts.com
  35. 35 http://summer.tnvacation.com
  36. 36 http://summer.tnvacation.com
  37. 37 http://www.icebrrg.com
  38. 38 http://www.icebrrg.com
  39. 39 http://www.kineda.com
  40. 40 http://www.kineda.com
  41. 41 http://www.colourmod.com
  42. 42 http://www.colourmod.com
  43. 43 http://www.rikcat.com/rik_catlow_urban_pop_art/
  44. 44 http://www.rikcat.com/rik_catlow_urban_pop_art/
  45. 45 http://www.besupercharged.com
  46. 46 http://www.besupercharged.com/
  47. 47 http://veerle.duoh.com
  48. 48 http://veerle.duoh.com
  49. 49 http://www.obuweb.com/
  50. 50 http://www.obuweb.com/
  51. 51 http://www.slideshowpro.net
  52. 52 http://www.slideshowpro.net
  53. 53 http://www.whitwa.net
  54. 54 http://www.whitwa.net/
  55. 55 http://www.mstefan.com
  56. 56 http://www.mstefan.com
  57. 57 http://www.subdued.net
  58. 58 http://www.subdued.net
  59. 59 http://www.devlounge.net
  60. 60 http://www.devlounge.net
  61. 61 http://www.theologisches-seminar-elstal.de
  62. 62 http://www.theologisches-seminar-elstal.de
  63. 63 http://www.nice-design.co.uk
  64. 64 http://www.nice-design.co.uk
  65. 65 http://www.electricpulp.com
  66. 66 http://www.electricpulp.com/
  67. 67 http://www.susannepaschke.de/
  68. 68 http://www.susannepaschke.de/
  69. 69 http://www.pixeleden.net
  70. 70 http://www.pixeleden.net/
  71. 71 http://www.jek2k.com
  72. 72 http://www.jek2k.com
  73. 73 http://www.morellc.com
  74. 74 http://www.morellc.com
  75. 75 http://www.attitudedesign.co.uk
  76. 76 http://www.cssvault.com
  77. 77 http://www.cssvault.com
  78. 78 http://www.evaneckard.com/
  79. 79 http://www.evaneckard.com/
  80. 80 http://www.wallopcreative.com
  81. 81 http://www.wallopcreative.com/
  82. 82 http://www2.jeffcroft.com/
  83. 83 http://www2.jeffcroft.com/

↑ Back to top Tweet itShare on Facebook

Vitaly Friedman loves beautiful content and doesn’t like to give in easily. Vitaly is writer, speaker, author and editor-in-chief of Smashing Magazine. He runs responsive Web design workshops, online workshops and loves solving complex performance problems in large companies. Get in touch.

Advertising
  1. 1

    Great collection of quality designs!

    -1
  2. 152

    Found this article while searching for some design ideas. I like the design by Olivier. Simple design and affective use of white (purple) space.

    -1
  3. 303

    WoOo great list Sir, a great new source of inspiration for me, thanks ;)

    -1
  4. 454

    Great list, i’d wish i can create something like one of these..

    -1
  5. 605

    A great collection of sites! Nice Work

    -1
  6. 756

    They are all great but a few of them looked absolutely excellent to me and those are the ones that I am probably gonna use for my new upcoming small projects. Thanks very much.

    -1
  7. 907

    @im suden, you are totally right.

    Thats why i love watching this sites, but when it comes to work, i prefer Facebook – type usable sites…

    -2
  8. 1058

    I think this material are very useful for new ideas. In Foxie and Kineda i found somethink new. Respect :)

    -2
  9. 1209

    I`m happy, now website can be like a piece of art. There is some new design navigation ideas. Nice

    -1
  10. 1360

    I wish our website looks as awesome as those you selected.
    Wonderful collection.
    Keeping back for more.

    -1
  11. 1511

    Hey thank you so much for putting in all the effort to make this article. I show my clients this post all the time to help show them the possibilities of web design and what the current trend is out there. I have found this article extremely helpful and it has helped me recently land a new client. Thanks again!!!

    -1
  12. 1662

    nice work, I have been playing around with Photoshop and learning.

    -3
  13. 1813

    Ok, we talking about nice design here, webdesign, and without no doubt this is nice collection of well designed web sites.
    Unfortunately some of this sites are miscoded, some of them badly miscoded…
    I have feeling that visitors of smashingmagazine.com have strong sense for correctly written code, so I was surprised when I saw sites without doctype ;(

    4

↑ Back to top