Headers and Footers that Grab You Coming and Going
Headers and footers are always a big concern in web design. These two powerful sections of a website hold great importance and are always something to worry about when designing a page. The header is the first thing the user will see when opening the page, so they must be perfect. The footer, in the other hand, was for a long time something not much appreciated, it was a section of the website almost forgotten. Lately this reality change a bit and we can find amazing footers… filled with cool information, social connections and other stuff. These days headers and footers actually show us some new and cool trends, typography and unique styles.
Here you will see a selection of great examples of headers and footers. Some are colorful, some are minimalist, others are informative and many of them are very creative, so check them out and get some inspiration.
Matt Mullenweg
kulturbanause
Carsonified Events
Komodo Media
Biola Undergrad
Kari Jobe
Mark Forrester
Story Pixel
SimpleBits
Finch
FreelanceSwitch
Squaredeye
Aenemya
Enviramedia
Lionite/portfolio
NewConcept
Roome
Ali Felski
Jayme Blackmon
mosaiko
Edgepoint Church
Branded07
yodiv
Cabana Digital
About the Author
Gisele Muller is someone that recently discovered a new career online. A person that really likes technology, design, photography and creativity. An eternal geek wannabe, tech fan and a communication lover! Current location: San Bruno, CA – USA. Twitter: @gismullr
Related Posts
Here's some other articles that you will definitely find useful.
25 Beautiful & Inspiring Navigation Menus
30 Inspiring Website Navigation Menus
30 Website Navigations that Make You Wanna Click It
A Showcase of Fantastic Footer Designs
17 comments
Brendan Wenzel
December 31, 2009This is a wonderful list of inspiration. Headers and footers are the one place to really show some creativity. Thanks a ton for the compilation.
Chris
December 31, 2009It’s really great to see designers breathing life into what used to be boring elements (mainly the footer). Great inspiration for anyone going the extra mile.
SmashingWebs.com
December 31, 2009Nice collection. Most of the sites are having good footers than the header I think
Anyway Happy New Year to all the readers 
Dave
December 31, 2009Those are some really nice headers and footers. I always wonder though, how many readers do you lose by putting your content ‘below the fold’ – so that users have to scroll down to read your posts?
Jhay Gamba
December 31, 2009Great post! Thanks for sharing.
Happy New Year!!
Xcellence IT
January 1, 2010Great Example,
want to try some, thanks for sharing.
Happy New Year.
Shahriat Hossain
January 1, 2010Nice post and very inspirational.
Happy New Year!!
michelle
January 1, 2010great list, I like Carsonified Events the most, nice and simple but yet there is just something really cool which grabs holds on to me
Noel Wiggins
January 1, 2010What iI think is inspiring about these samples is when I layout a design of a website I am usually thinking of how elements of content relates to each other. But the thought of starting a design with the “connection” of the header and the footer seems like a fun way to work out a look and feel that starts with design as a good idea. This approach would leave a solid foundation that could be build on.
Each example here I can see how the “middle” content elements could be designed in a logical way, whereas the header and footers effectively brand the overall look and feel of the site
Diego R
January 1, 2010Nice and very inspirational list. I wish I was as creative as some of these individuals.
Adam Hermsdorfer
January 2, 2010Happy New Year! I second Chris’s comment. By adding calls to action, social networking icons and some creative design, you can create a really slick footer.
Melody
January 4, 2010I’m a huge fan of creative footers and I find that awesome designers keep surprising me every day with their unique takes with it.
Peach
January 5, 2010Nice post. Very inspiring.
Arthur Brown
January 6, 2010These are some awesome examples of website headers and footers. Never leave anything to change. Every part of the website is important and can have an impact on the overall user experience. Great article.
BigM75
January 15, 2010the header to footer relation is in the collection very nice
kgmozumder
February 9, 2010Incredible! Pleasant! Header & Footer is the most important things for a good designed web.
sim
February 10, 2010am i the only one that thinks the idea of “below the fold” is not an issue? if someone goes through the process of clicking a link or entering a URL to get to a site, wouldn’t it be safe to assume they would scroll down at least once to see what’s on the page?
1 Trackback
[...] Share Almost a year ago, 12/31/2009 to be more precise, I wrote my first article here at WDL, Headers and Footers that Grab You Coming and Going. So now, 11 months and 47 articles later, I decided to do a new showcase of headers and footers to [...]