A light footer built for a global company: four dense link columns in navy-tinted grays, a country/language selector with a globe icon, and legal fine print that still respects the grid.
Export Snippets
Switch formats without compressing the preview layout.
AI Prompt
Natural-language design direction for AI coding tools.
Build a Stripe-style light global footer.
1. Container: background #F8FAFC (the same cool off-white as content sections), 1px #E2E8F0 top border, inner max-width 1080px, 48px vertical padding.
2. Columns: 4 link columns with 15px semibold #0F172A headings and 14px #0F172ABF links at 10px vertical gaps; hover shifts links to #0F172A.
3. Locale selector: leftmost column or bottom row — a globe icon plus "United States (English)" as a 14px #0F172ABF button that opens a menu.
4. Bottom row: separated by another 1px #E2E8F0 border — © line and legal links (Privacy, Terms) at 13px #64748B left, social icons right.
5. Color system: navy-tinted grays ONLY (#0F172A / #0F172ABF / #64748B) — no pure black or neutral gray.
6. Column headings may include a small "New" badge in #4F46E5 for recently launched products.A light footer built for a global company: four dense link columns in navy-tinted grays, a country/language selector with a globe icon, and legal fine print that still respects the grid.
Hover the links — and try the newsletter form if this footer has one.
Hover the links — and try the newsletter form if this footer has one.