Bento Mosaic Footer
A dark glass footer with a bento-mosaic grid: large brand panel, newsletter panel, and four small link panels arranged in an asymmetric layout, each with distinct hover effects and glow accents.
📐 Layout Archetype
bento-mosaic — Engineered with responsive CSS flexbox and CSS grids that collapse gracefully on smaller viewports.
🎨 Visual Style Language
glass-depth — 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.
Accordion Footer - Compact
Navigation collapses into accordions on mobile, expands to four columns on desktop.