June 30, 2020

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

image07

image08

kulturbanause

image07

image08

Carsonified Events

image07

image08

Komodo Media

image07

image08

Biola Undergrad

image07

image08

Kari Jobe

image07

image08

Mark Forrester

image07

image08

Story Pixel

image07

image08

SimpleBits

image07

image08

Finch

image10

image11

FreelanceSwitch

image16

image17

Squaredeye

image31

image32

Aenemya

image34

image35

Enviramedia

image40

image41

Lionite/portfolio

image43

image44

NewConcept

image46

image47

Roome

image51

image52

Ali Felski

image54

image55

Jayme Blackmon

image57

image58

mosaiko

image60

image61

Edgepoint Church

image63

image64

Branded07

image66

image67

yodiv

image68

image69

Cabana Digital

image71

image72

Share

Gisele Muller loves communication, technology, web, design, movies, gastronomy and creativity. Web writer, portuguese/english translator and co founder of @refilmagem & @mentaway Twitter: @gismullr

One Ping

  1. Pingback: 35 Inspiring Headers and Footers | Inspiration

17 Comments

  1. Chris Reply

    It’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.

  2. Dave Reply

    Those 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?

  3. Noel Wiggins Reply

    What 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

  4. Arthur Brown Reply

    These 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.

  5. sim Reply

    am 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?

Leave a Reply

Your email address will not be published. Required fields are marked *