Footers
Footer patterns for brand presence, structured navigation, email capture, and dark-site layouts.
How To Use This Page
Footers sits inside the Marketing part of the catalog and collects reusable examples that solve the same job in different ways.
This page currently groups 7 examples so you can compare structure, emphasis, and density before choosing an implementation direction.
How The Content Is Grouped
- The examples are grouped as a single Marketing reference page so you can compare variations without leaving the route.
- Use the jump links to move straight to the most relevant example once you know which structure, layout, or emphasis pattern you need.
Start With
Simple Centered
Centered brand, navigation, social links, and copyright.
Social Links Only
Minimal footer with brand and social buttons only.
Four Column With Company Mission
Mission statement plus structured product, company, and legal navigation.
Four Column With Newsletter
Mission and nav columns with newsletter signup in the right rail.
Four Column With Newsletter Dark
Dark footer treatment with newsletter capture and muted navigation.
Four Column With Newsletter And Localization
Newsletter footer with locale selector in the bottom bar.
Four Column Dark
Full dark footer with high contrast headings and active links.
Variant 1
Simple Centered
Centered brand, navigation, social links, and copyright.
Variant 2
Variant 3
Four Column With Company Mission
Mission statement plus structured product, company, and legal navigation.
Variant 4
Variant 5
Variant 6
Variant 7
Four Column Dark
Full dark footer with high contrast headings and active links.
Social Links Only
Minimal footer with brand and social buttons only.