Footers
Editorial and multi-column footer layouts with social links, brand wordmark flourishes, and responsive column grids.
How to choose a footerWhich footer should I use?
A second navigation
Pick from these when the footer carries real wayfinding.
- Footer With Four Column Links
- The site genuinely has a sitemap. Four link columns want roughly twenty destinations to fill honestly, and read thin below that.
- Footer With Pixel Grid Wordmark
- Documentation, where the footer is what people reach for once the sidebar has failed them. Link columns, a policy row, and a subscribe field together.
- Footer With Newsletter Signup
- The one light-first option here. Corporate in the good sense, with a labelled social strip instead of a row of bare glyphs.
Fewer links, brand first
- Footer With Two Column Layout
- Readers should take in who you are before they start scanning. Brand and social hold the left, every destination stacks on the right.
- Footer With Stacked Layout
- The footer is mostly terms, privacy, and a support address. Stacking rather than spreading keeps the whole band short.
The footer is the statement
- Footer With Editorial Tagline
- A studio or portfolio with something to say in sentences. Paper tones, and room for a tagline that runs to several lines.
- Footer With Glowing Wordmark
- Loud on purpose, with a conic gradient sweeping the wordmark. Choosing it means the bottom of the page competes with the top.
Asking for the next step
- Footer With Call To Action Band
- Conversion before navigation. A lit band asks for the next step, then a white card carries the brand details and the links.