Feb 10

Posted in: Design, graphics | 86 Comments

We were inspired by Smashing Magazine’s Header Graphics Contest to create a small showcase of more than 70 outstanding header graphics with excellent use of visual elements and interface design.

Feel free to comment upon these selected header graphics as nothing is more important to us than your opinion.

1) Sam Tech


2) Gotocss3


3) Split Dadiz


4) DaleHarris


5) alisa


6) Alegodesign


7) Bnweiss


8 ) Philippe Plaideux


9) Squawk Design


10) Radiant Plumbing


11) Biola Undergrad


12) J R Velasco


13) Explore Cascadia


14) Next2 Friends


15) Casio Exilim Lab


16) Meomi


17) Spinvox


18) Evanescence


19) The Horizontal Way


20) Swiths


21) Malir Gruner


22) Sacha Greif


23) Shinobi Cat


24) Satsu


25) Hrasti


26) Colorzent Entertainment


27) Cow and Monkey


28) In Memori´am


29) Paul Enderson


30) Tattered Fly


31) Spunk United


32) Art Skills


33) OKB


34) Open Doors Student Site


35) Happy Cog


36) Cotton Seed Oil Tour


37) Neftys World


38) Designyou Trust


39) EllisLab


40) King Of The Blues


41) Fluid Book


42) Simply Fired


43) Joyent


44) Hugo Create


45) Kikipost


46) Creavation


47) Smoothie Land


48) Drew Wilson


49) BaliwThemovie


50) Art Zen


51) Qwertcity


52) Gotaqua


53) Kit10designs


54) bienbienbien


55) The alamobasement


56) Tonda


57) Der Vigilant


58) Go To Clubbers Community


59) Juxtinteractive


60) Carrienewcomer


61) Scoutingforgirls


62) Tickledpinkdesignz


63) Interag


64) Designbstudios


65) Backstreetmania


66) Katrinwegmann


67) Magicka Studio


68) Zinaz


69) Madpotato


70) FreePeople


71) Blog What Design


72) Dizzain


73) Cult Foo



Posted in: Design, graphics | Leave a Comment | 86 Comments
devsnippets- Code snippet Gallery
What others said...

86 Comments, Add Comment or Ping


  1. H@med says:

    thanks

  2. Gabe says:

    Great inspiration. These headers have a great variety of styles, and I love that they’re deviating from the “web 2.0″ look (I didn’t see one reflection!) It seems that the trend is moving toward a “busier” image with more things happening, plenty of eye-catching elements. Good stuff!

  3. fedmich says:

    Nice list. Very inspiring :)

  4. A good collection, would be so much better however if there were examples that were not ALL the same as each other!

    Headers are so similar these days!!

  5. Phil says:

    I just found a new site the other day look through a CSS gallery. Http://www.joshtilton.com has an interesting header.

    Thanks for this list! These are some beauties!

  6. Kelly C. says:

    Wow. These are nice. Thank you! I am always a bit disheartened though, when the crux of the design is a stock image with no major deviations from the original file. I saw a few on here right off of istock. I love the idea of supporting stock artists, but make your designs your own.

  7. Franck says:

    Nice. Maybe you forgot Webdesigner Wall

  8. Frank says:

    Så många!
    Så olika!
    Nu finns det inte fler headers, alla är gjorda!
    Eller…
    Amazing list!
    Very inspiring!
    Thanks!

  9. 3kolone says:

    Great list! Bookmark ;-)

  10. Noupe says:

    Thanks so much, guys.

    Very true Gabe. I think many designer these days are working away from the “web 2.0″ style, I don’t think that the typical ‘Web 2.0 Look’ is a bad thing at all; they just need to be used in moderation and with care.

  11. CFA Level 1 says:

    Very good collection of header designs. Thanks for the inspiration.

  12. Jon says:

    Pretty good list. I have a pdf I made that has all cool websites I come across.

  13. Joe says:

    Great list! Thanks.
    This site has a great header graphic:

    http://www.FireBettman.com

  14. Chris says:

    Nice Job!

    Here is one I recommend adding to the list:
    http://www.appterrainpark.com

  15. Anton says:

    Thay are all in the same awful style. Like the 60’s gone rotten. Not my cup of tea.

  16. Fubiz says:

    Amazing selection :) Good work.

  17. Gis says:

    Beautiful selection :D I’ll have to add it to my delicious for some amazing inspirational guide!!!

  18. Very inspirational work here! The header image has the best chance to grab attention, so make it memorable.

  19. Chad Mueller says:

    This is a great post of inspiration of web 2.0 trend header graphics. A lot of characters, illustrations, gradients.. all good brilliant colors.

  20. kishore says:

    This is what called WEB 2.0 style.
    Excellent work. Good Inspirational work.

  21. Hey ! Thanks for featuring our work - hrasti.com !

  22. Tom says:

    Great post, I really like some of these headers.
    Well done.

  23. Jose says:

    Thanks :-) okb.es

  24. Shibani says:

    Fantastic collection…thanx :)

  25. Jake says:

    Wow.. These are simply wonderful list!!! The designs would really make you say “WOW!” :) Fantastic…

  26. Dominik Lenk says:

    Thanks for featuring me and the added inspiration.
    On the debate of Web2.0: I might be talking for myself here, but I do not think that the majority of the sites listed here fit the description of this style. (Some of them are simply not shiny enough;-)
    However, just like Noupe already said: The web 2.0 style is not necessarily bad. Just don’t overdo it.

  27. john says:

    Nice work

  28. Bride says:

    Nice Graphics. Thank you…

  29. Inspiring collection. However, smoothie land = uses graphics off istockphoto.com

  30. Nefty says:

    thanks for the add, indeed all these are inspiring!

  31. SE7EN says:

    I like office,desk style header like this site
    http://foxinni.com/

  32. Very nice and broad range collection. Most designs are excellent, some are good and others are good too.

  33. Robin says:

    hahaha.. These are simply wonderful list!!! The designs would really make you say “WOW!good enjoy…

  34. Witzulu says:

    Most of these are too busy. they only cater for one type of visitor.

    I find that when a site tries to “sell” itself with a lot of bells and wissels the content is usually weak.

    Distracting a user from the content is not usually the best way to go.

  35. Very Inspiring… thanks for this list.
    Added to my del.icio.us bookmarks.

  36. Chad Mueller says:

    Amazing use of colours with all of these headers, they do all the right things right, they all serve their purposes in the right way.. Another great posts

  37. Matt Rossi says:

    awesome post. lots of great inspiration on there. way to go!

  38. Ralph says:

    Oh amazing… so much great ideas in this list.

  39. Thanks for the header love guys! Great looking blog you have here yourselves too… :)

  40. Ellie says:

    I love this site’s header: http://www.missweblash.com. The jeans theme is to die for.

  41. Ellie says:

    Oops, my bad. Typo in URL. Correct URL: http://www.missweblash.com

  42. Shane says:

    Amazing list! Very inspiring.

  43. dugward says:

    Visually impressIVE?

  44. Adelle says:

    Nice choices! Really like this post - great job!

  45. butter says:

    great collecion. no matches for them. cant get any better

  46. taquito says:

    Hi, you use a Illustrator , i need tips, and tricks, .. and free host to my site….
    HELLLLLLP please

  47. Cleverson says:

    Have you some css tutorials using images?

    Att:

    Cleverson Junior

  48. umesh says:

    great works[:)]

  49. Jam says:

    This showcase is really amazing!. I spent all evening just enjoying the view. I apologize for my english since is not my mother language, and I will talk about this post in my blog. Guys you really ROCK!. ;)

  50. Jim B says:

    Very nice creative designs. Thanks! :)

  51. jennifer says:

    thats desinger must be a crazy …I dont now…this thems amazing

  52. Steve says:

    The beach scene no.60 with the spinning plates , brilliant . Over all a good collection.

SPONSORS