27 Trendy And Unique Website Header Designs

Posted in Inspiration, Web Interfaces4 years ago • Written by 42 Comments

One of the most important parts of the website is the header. This is what the visitor will see first, this will need to be appealing to the eye while functional to let the visitor find the navigation easily.

Coming up with a unique header is always hard, that’s why I decided to make a little list with the ones that had the most impact on me while navigating.

1. N.Design Studio

ndesign-studio-inspiring-header-designs

2. Matt Mullenweg

ma.tt-inspiring-header-designs

3. Spoon Graphics Blog

4. TUT Candy

tutcandy-inspiring-header-designs

5. ECTOMACHINE

ectomachine-inspiring-header-designs

6. The Peach Design

thepeachdesign-inspiring-header-designs

7. Douglas Menezes

douglasmenezes-inspiring-header-designs

8. Made In Space – Web and Flash development

madeinspace-inspiring-header-designs

9. Octwelve – Blog of designer MeryLuc Melgar

octwelve-inspiring-header-designs

10. Pixel Cool

pixelcool-inspiring-header-designs

11. CAD Website Design

cadwebsitedesign-inspiring-header-designs

12. Juan Diego Velasco – Web Designer Portfolio

juandiegovelasco-inspiring-header-designs

13. Shaun Groves

shaungroves-inspiring-header-designs

14. BlackMoon Design – A Very Imaginative Band

blackmoondev-inspiring-header-designs

15. Narfstuff – Web and Graphic Design

narfstuff-inspiring-header-designs

16. Giancarlo Fajardo – Creative Graphic Design Portfolio

giancarlo-fajardo-inspiring-header-designs

17. Hugs For Monsters

hugs-for-monsters-inspiring-header-designs

18. Tennessee Vacation – State’s Official Travel Planning Website

tennessee-vacation-inspiring-header-designs

19. Mplusz Web Design Agency

mplusz-inspiring-header-designs

20. Duirwaigh Studios

duirwaigh-inspiring-header-designs

21. Rocket Theme

rocketthemes-inspiring-header-designs

22. Howhost – VPS Hosting

howhost-inspiring-header-designs

23. The Official Gary Nock Website

garynock-inspiring-header-designs

24. 84colors – Portfolio of Web Designer Cristiana Bardeanu

84colors-inspiring-header-designs

25. Siete de Febrero – Web Design in San Juan

sietedefebrero-inspiring-header-designs

26. XHTML CSS Expert

xhtmlcssexpert-inspiring-header-designs

27. Portfolio of Brad Candullo

bcandullo-inspiring-header-designs

We hope that you liked the article. Share your favorite header designs with us in comments section.

If you enjoyed this article, get email updates (it's free).

Join over 77,235 Subscribers Today.

1 Written ArticlesWebsite

Omar Corrales is a 21 year old WordPress Theme developer dedicated to creating free themes on his personal blog called Slimmity. Also does some occasional freelancing when the opportunity presents its self. And mantains a Directory of WP Tutorials. You can always find him on Twitter

42 Comments Best Comments First
  • priti

    Saturday, February 6th, 2010 16:55

    4

    Gr8 List dude…
    Damm inspirational..

    +3
  • Aaron

    Sunday, September 4th, 2011 18:31

    36

    Yes, header design are really good, designer give time and think to do it very nicely and attractive.

    +1
  • Nicole Foster@Website Design Services

    Sunday, February 7th, 2010 17:26

    15

    Some of the websites have beautiful and creative headers! My favorite is Octwelve because the cartoon drawing is too cute.

    +1
  • ValC

    Sunday, February 7th, 2010 23:11

    13

    These are fine but I don’t see any that are from the real world… That being any sort of site that would be designed for a paying client. They are all in the genre of designer portfolios.

    0
    • Omar Corrales

      Monday, February 8th, 2010 00:53

      18

      Well most paying clients like simple and professional look, some of the sites are for real life paying clients, like Tennessee Vacations. Its run by the state of Tennessee and they there site might be one of the most distracting ones from the lists.

      -1
  • Alice

    Monday, February 8th, 2010 17:00

    20

    Although many of the graphics are skillfully designed, many fail in execution because they don’t communicate the correct message. Graphics should support and be a part of the message. To put it bluntly; many of the graphics above are pointless and unnecessary. All style, no substance.

    0
    • mr. diggles

      Monday, February 8th, 2010 23:53

      22

      i completely agree. too busy. crazy graphics for graphics sake isn’t good web imo.

      while they are pretty to look at, i struggle with where to start.

      0
    • ReaderX

      Tuesday, February 9th, 2010 19:14

      25

      While I find your criticism to be valid in some cases, it must also be acknowledged that sometimes style is the message.

      +1
  • Laia

    Sunday, February 7th, 2010 14:19

    12

    Very cool & creative designs, but I think most of these are too distracting for a website header.

    0
  • Dave

    Monday, February 8th, 2010 10:25

    19

    WOW.. great Collection! Fantastic. I love so beautiful Header Designs. Very inspiring :)

    0
  • aravind ajith

    Sunday, February 7th, 2010 22:18

    16

    Nice collection. :)

    0
  • Anterpreet Singh

    Sunday, February 7th, 2010 14:00

    11

    Cool Header designs. Thanks very much

    0
  • Peach

    Saturday, February 6th, 2010 16:39

    1

    Thanks for including my site.

    0
  • App Sheriff

    Saturday, February 6th, 2010 17:47

    5

    Love the designs. Good Work all you guys!

    0
  • Pusparaj

    Sunday, February 7th, 2010 00:22

    3

    very inspirational. Thanks.

    0
  • Webtoolfeed

    Saturday, February 6th, 2010 17:29

    2

    Ive seen most of them already but some are new to me.
    Good post, very inspiring.

    0
  • Omar Corrales

    Saturday, February 6th, 2010 18:09

    6

    @Peach no problem, it was one of my favorite sites in the list :)

    0
  • Matthew Heidenreich

    Sunday, February 7th, 2010 06:06

    7

    some great examples there. Always loved tutcandy, as well as N-Design Studio, as Nick La seems to be the champion of great header designs.

    0
  • Vergleich

    Sunday, February 7th, 2010 12:34

    10

    This is art. Not Webdesign.

    0
  • JIm

    Sunday, February 7th, 2010 20:34

    9

    I love the interface of http://www.tubebutler.com (a bit NSFW) ;)

    0
  • macpeel

    Sunday, February 7th, 2010 09:38

    8

    Very arty and most nifty looking, for sure, but if I didn’t happen to be in the mood to examine nice and nifty-looking web sites, I’d tend to shut most of these pages almost immediately because they are way too busy and distracting. Tutcandy isn’t too bad, I guess. What’s wrong with a more Zen approach? Good lord, what would Howard Roark think? (!)

    0
    • Bearfoot

      Thursday, February 25th, 2010 23:10

      29

      Probably not a lot since he’s a fictional character.

      0
  • Dobrik

    Monday, February 8th, 2010 10:37

    21

    header in the first place must correspond to the topics the site, and only then to be beautiful or cool!

    0
  • Rodulf Morgan

    Thursday, August 11th, 2011 15:55

    35

    wow.. brilliant designs.. thank your for sharing.. i love shocking colors and design and yet clean and simple.

    0
  • Ferry Jensen

    Friday, June 24th, 2011 09:12

    34

    this web is very2 good..
    thx

    0
  • deepak

    Thursday, June 23rd, 2011 12:18

    33

    wow Amazing gallery, Stunning desighn will need to update my site Thanks a lot dude :)

    0
  • Trent

    Monday, October 3rd, 2011 12:48

    37

    Those are some very nice headers but I also want to see some simple yet unique designs.

    0
  • Shalini

    Friday, December 2nd, 2011 11:36

    39

    Thank you very much for the wonderful designs you have provided, very relevant to the information I have been seeking, Great site

    0
  • Josh

    Thursday, March 29th, 2012 05:24

    42

    Beautiful headers… I wish I had the talent of these guys, I should just hire one of them!

    0
  • Sean

    Tuesday, January 31st, 2012 20:41

    41

    I always love seeing these creative designs. Headers can be difficult to make.

    0
  • ancajasjc

    Tuesday, January 24th, 2012 11:09

    40

    thanks for sharing this elegant collection of website headers. giving the idea really helps a lot..

    0
  • Ian

    Wednesday, November 3rd, 2010 11:45

    32

    Nice headers and you have provided the great idea’s for designing the stylish headers.

    Cheers! mate! :)

    Thanks for sharing it.

    0
  • Alfons

    Monday, February 8th, 2010 17:22

    23

    Awesome headers! Thanks for this list

    0
  • Taz

    Saturday, February 13th, 2010 03:57

    26

    I think Ectomachine is the only one on this list that wouldn’t make me shut down my browser if I loaded it up. Would not even consider viewing any of those sites or hiring them for that matter.

    Don’t try to bamboozle me with your fancy graphics on your main site, keep that for the portfolio.

    0
  • Hild Tuning

    Tuesday, February 9th, 2010 01:41

    24

    Very nice Designs, i wish i can make those great Graphics.

    0
  • Sara Boyd

    Tuesday, August 17th, 2010 13:30

    31

    Lovely gallery, great for inspiration. Thank you!

    0
  • Rudi

    Monday, February 15th, 2010 06:44

    27

    creative idea, awesome result, just nice ……
    great list ^^

    0
  • Che - TUTcandy

    Tuesday, April 6th, 2010 04:16

    30

    Hey Omar, HUGE thanks for including TUTcandy in your list… Cheers Che

    0
  • jeprie

    Wednesday, February 17th, 2010 16:39

    28

    real nice thanks for sharing

    0
  • Tim

    Sunday, February 7th, 2010 23:51

    17

    The bad thing about most of these is that the headers take up at least half the screen on a 1280×800 resolution screen. That is way too large for a header. Take, for example, the Made in Space site. I have absolutely no idea what this site is for or what this person does when I come here. Bigger is not better in web design.

    -1
  • starfall

    Friday, November 11th, 2011 13:33

    38

    very nice and beautiful, this is brilliant header theme. I sure love the design. love it.

    -2
  • Josh

    Thursday, March 29th, 2012 05:24

    42

    Beautiful headers… I wish I had the talent of these guys, I should just hire one of them!

    0
  • Sean

    Tuesday, January 31st, 2012 20:41

    41

    I always love seeing these creative designs. Headers can be difficult to make.

    0
  • ancajasjc

    Tuesday, January 24th, 2012 11:09

    40

    thanks for sharing this elegant collection of website headers. giving the idea really helps a lot..

    0
  • Shalini

    Friday, December 2nd, 2011 11:36

    39

    Thank you very much for the wonderful designs you have provided, very relevant to the information I have been seeking, Great site

    0
  • starfall

    Friday, November 11th, 2011 13:33

    38

    very nice and beautiful, this is brilliant header theme. I sure love the design. love it.

    -2
  • Trent

    Monday, October 3rd, 2011 12:48

    37

    Those are some very nice headers but I also want to see some simple yet unique designs.

    0
  • Aaron

    Sunday, September 4th, 2011 18:31

    36

    Yes, header design are really good, designer give time and think to do it very nicely and attractive.

    +1
  • Rodulf Morgan

    Thursday, August 11th, 2011 15:55

    35

    wow.. brilliant designs.. thank your for sharing.. i love shocking colors and design and yet clean and simple.

    0
  • Ferry Jensen

    Friday, June 24th, 2011 09:12

    34

    this web is very2 good..
    thx

    0
  • deepak

    Thursday, June 23rd, 2011 12:18

    33

    wow Amazing gallery, Stunning desighn will need to update my site Thanks a lot dude :)

    0
  • Ian

    Wednesday, November 3rd, 2010 11:45

    32

    Nice headers and you have provided the great idea’s for designing the stylish headers.

    Cheers! mate! :)

    Thanks for sharing it.

    0
  • Sara Boyd

    Tuesday, August 17th, 2010 13:30

    31

    Lovely gallery, great for inspiration. Thank you!

    0
  • Che - TUTcandy

    Tuesday, April 6th, 2010 04:16

    30

    Hey Omar, HUGE thanks for including TUTcandy in your list… Cheers Che

    0
  • jeprie

    Wednesday, February 17th, 2010 16:39

    28

    real nice thanks for sharing

    0
  • Rudi

    Monday, February 15th, 2010 06:44

    27

    creative idea, awesome result, just nice ……
    great list ^^

    0
  • Taz

    Saturday, February 13th, 2010 03:57

    26

    I think Ectomachine is the only one on this list that wouldn’t make me shut down my browser if I loaded it up. Would not even consider viewing any of those sites or hiring them for that matter.

    Don’t try to bamboozle me with your fancy graphics on your main site, keep that for the portfolio.

    0
  • Hild Tuning

    Tuesday, February 9th, 2010 01:41

    24

    Very nice Designs, i wish i can make those great Graphics.

    0
  • Alfons

    Monday, February 8th, 2010 17:22

    23

    Awesome headers! Thanks for this list

    0
  • Dobrik

    Monday, February 8th, 2010 10:37

    21

    header in the first place must correspond to the topics the site, and only then to be beautiful or cool!

    0
  • Alice

    Monday, February 8th, 2010 17:00

    20

    Although many of the graphics are skillfully designed, many fail in execution because they don’t communicate the correct message. Graphics should support and be a part of the message. To put it bluntly; many of the graphics above are pointless and unnecessary. All style, no substance.

    0
    • mr. diggles

      Monday, February 8th, 2010 23:53

      22

      i completely agree. too busy. crazy graphics for graphics sake isn’t good web imo.

      while they are pretty to look at, i struggle with where to start.

      0
    • ReaderX

      Tuesday, February 9th, 2010 19:14

      25

      While I find your criticism to be valid in some cases, it must also be acknowledged that sometimes style is the message.

      +1
  • Dave

    Monday, February 8th, 2010 10:25

    19

    WOW.. great Collection! Fantastic. I love so beautiful Header Designs. Very inspiring :)

    0
  • Tim

    Sunday, February 7th, 2010 23:51

    17

    The bad thing about most of these is that the headers take up at least half the screen on a 1280×800 resolution screen. That is way too large for a header. Take, for example, the Made in Space site. I have absolutely no idea what this site is for or what this person does when I come here. Bigger is not better in web design.

    -1
  • aravind ajith

    Sunday, February 7th, 2010 22:18

    16

    Nice collection. :)

    0
  • Nicole Foster@Website Design Services

    Sunday, February 7th, 2010 17:26

    15

    Some of the websites have beautiful and creative headers! My favorite is Octwelve because the cartoon drawing is too cute.

    +1
  • ValC

    Sunday, February 7th, 2010 23:11

    13

    These are fine but I don’t see any that are from the real world… That being any sort of site that would be designed for a paying client. They are all in the genre of designer portfolios.

    0
    • Omar Corrales

      Monday, February 8th, 2010 00:53

      18

      Well most paying clients like simple and professional look, some of the sites are for real life paying clients, like Tennessee Vacations. Its run by the state of Tennessee and they there site might be one of the most distracting ones from the lists.

      -1
  • Laia

    Sunday, February 7th, 2010 14:19

    12

    Very cool & creative designs, but I think most of these are too distracting for a website header.

    0
  • Anterpreet Singh

    Sunday, February 7th, 2010 14:00

    11

    Cool Header designs. Thanks very much

    0
  • Vergleich

    Sunday, February 7th, 2010 12:34

    10

    This is art. Not Webdesign.

    0
  • JIm

    Sunday, February 7th, 2010 20:34

    9

    I love the interface of http://www.tubebutler.com (a bit NSFW) ;)

    0
  • macpeel

    Sunday, February 7th, 2010 09:38

    8

    Very arty and most nifty looking, for sure, but if I didn’t happen to be in the mood to examine nice and nifty-looking web sites, I’d tend to shut most of these pages almost immediately because they are way too busy and distracting. Tutcandy isn’t too bad, I guess. What’s wrong with a more Zen approach? Good lord, what would Howard Roark think? (!)

    0
    • Bearfoot

      Thursday, February 25th, 2010 23:10

      29

      Probably not a lot since he’s a fictional character.

      0
  • Matthew Heidenreich

    Sunday, February 7th, 2010 06:06

    7

    some great examples there. Always loved tutcandy, as well as N-Design Studio, as Nick La seems to be the champion of great header designs.

    0
  • Omar Corrales

    Saturday, February 6th, 2010 18:09

    6

    @Peach no problem, it was one of my favorite sites in the list :)

    0
  • App Sheriff

    Saturday, February 6th, 2010 17:47

    5

    Love the designs. Good Work all you guys!

    0
  • priti

    Saturday, February 6th, 2010 16:55

    4

    Gr8 List dude…
    Damm inspirational..

    +3
  • Pusparaj

    Sunday, February 7th, 2010 00:22

    3

    very inspirational. Thanks.

    0
  • Webtoolfeed

    Saturday, February 6th, 2010 17:29

    2

    Ive seen most of them already but some are new to me.
    Good post, very inspiring.

    0
  • Peach

    Saturday, February 6th, 2010 16:39

    1

    Thanks for including my site.

    0

Comments are closed.

54.81.80.46 - unknown - unknown - US