Atlas
A comprehensive footer: a brand block with social buttons beside a three-column link map, over a legal bottom bar.
Footer section templates
The footer is where people go when they did not find what they wanted higher up. It is navigation, legal baseline and last impression at once, and it is the one section that appears on every page of a site.
10 footer section layouts
Each one below is a live preview rendering in your current design language, not a screenshot. Open any of them to see it full-width, switch the business type to read it with your kind of content, or add it to a page.
Anchor
A minimal centered footer — a wordmark, one wrapping nav row, a divider, then copyright and social buttons.
Bedrock
A brand-statement footer where an outsized wordmark is the visual, above a mission line and contact link.
Keystone
A conversion banner sits above the link map, turning the footer into one last call to action.
Dispatch
A newsletter footer with an email signup on the left and the link columns on the right.
Terrace
A dense sitemap footer — a slim brand header over an even grid of link columns, for "everything, mapped".
Landing
A brand-heavy split: a large wordmark, tagline and social row on the left, the link columns on the right.
Signal
A social-forward centered footer built around a prominent row of circular social buttons.
Footing
The most compact footer: an accent rule above a single wrapping row of wordmark, nav and copyright.
Keel
A fully centered footer with the brand on top, link columns beneath and a centered legal line.
How to choose a footer section
Size it to the site. A multi-column link map suits a site with real depth and doubles as a sitemap. A minimal centered footer suits a single-page site or a small product, where a large link map would just be empty scaffolding. A brand-led footer with oversized type makes a closing statement, which works for studios and portfolios and less well for utilities.
At a glance
- Layouts
- 10 distinct footer sections
- Styles covered
- columns, centered, sitemap, minimal, social, big-type, brand, cta-led
- Styling
- Your color, typography, spacing, radius and shadow tokens
- Export
- HTML, CSS, JSON, or an AI instruction package
Footer section FAQ
What should a website footer include?
At minimum: a copyright line, links to privacy and terms, and a way to make contact. Beyond that, the most useful links from the rest of the site — which for many visitors is the fastest navigation on the page.
Should the footer repeat the main navigation?
It should overlap with it, not mirror it. The footer is a good place for links that do not deserve a spot in the header — careers, status, changelog, support — alongside the handful of main pages.
How many columns should a footer have?
Three or four groups is typical, ideally organised by what the visitor wants rather than by your internal structure. If you cannot fill three columns without padding them out, a minimal footer is the honest choice.