Website footer design examples

What should a website footer include?

A website footer should include the links visitors expect to find at the bottom of a page: the main sections of the site, contact details, social profiles, and legal pages such as privacy and terms. Many also add a newsletter sign-up, a second call to action and a copyright line. People scroll to the footer when the header did not have what they wanted, so treat it as a second navigation.

What is a fat footer?

A fat footer is a tall footer that lists most of the pages of a site in labelled columns, like a compact sitemap. It suits large sites with many sections. A small site is better served by a single row of links, because a wall of columns with three entries each looks empty.

How do you make a footer stand out?

Many recent sites treat the footer as a closing statement: an oversized wordmark, a short line of copy, or an animation that plays as the page ends. That works when the practical links stay easy to read. Keep the contrast high and the link text at a comfortable size, since a footer is used more than it is admired.

Where do these footer examples come from?

Most are footer designs published on Layers and Dribbble, with footer components from the Framer marketplace. Muzli follows more than 200 design sources and lists up to 60 matching pieces here, favouring recent work.