Accordion Footer - Compact
Navigation collapses into accordions on mobile, expands to four columns on desktop.
📐 Layout Archetype
accordion — Engineered with responsive CSS flexbox and CSS grids that collapse gracefully on smaller viewports.
🎨 Visual Style Language
corporate-trust — High contrast baseline typography, fine hairline borders, and subtle interactive elevations.
⚡ Production Ready
100% pure Tailwind CSS utility classes with zero build steps or heavy node modules. Drop directly into React, Next.js, Vue, or HTML.
More Footers & Navigation
Split Accordion Footer
A dark luxury footer with a left brand column and right accordion that toggles to a two-column grid on desktop.
Floating Grid Footer
A dark luxury footer with a centered brand statement and a mobile accordion that turns into a three-column grid on desktop.
Centered Newsletter Block
A centered stack with a huge newsletter call-to-action and minimal link row, using bright contrasting colors.