20 creative Combination of Header + Footer In Web Design

By now we have seen dozens, if not hundreds, of showcases of creative headers and footers. With the tools available today, creating a fancy header isn’t that difficult. But it takes a bit of extra work and creativity to make a fancy header that combines well with the footer, offering seamless transition and visual perception.

For example, a header can depict the top of a tree, with leaves and branches – something that we have seen many times in header fancy designs. But it’s always more interesting to go the extra mile and incorporate a footer that builds on that particular visual element. In the case with the tree top, it would be the tree trunk at the bottom. This is not only more cohesive and visually pleasing to look at, but it also guides the eye as the user scrolls down the page.

Today, we’re taking a look at such combinations: creative headers and footers that work well together and are integrated in some way, by design, transition, or otherwise. Here are 20 examples of sites with such header and footer combinations.


Dr. Martian


Marchand De Trucs

Web Designer Wall

Corvus Design Studio

Carbon Sugar

Web Designer Depot

JR Velasco


No Milk Today

The Great Bearded Reef

Matt Mullenweg

N design Studio



Miki Mottes



Gisele Jaquenod

More Beautiful Websites:

Here are more showcases of beautiful websites we’ve published in the past:

Related posts:

  1. Mobile App Design/Dev: Beginner’s Guide to jQuery Mobile
  2. Brilliant Use of HTML Lists in Web Design
  3. 5 Tips to Simplify Your Web Design
  4. 10 Design Features Webmasters Should (Probably) Avoid

via hongkiat.com http://www.hongkiat.com/blog/creative-header-footer-design/