Muted Split Footer With Social And Contrasting Bar

Footer 53Pro

A footer on a full-width muted background with branding, description, and social icons on the left, three link columns on the right, and a darker full-width strip for copyright and legal links.

Shadcn UI Footer Block

The Footer53 component splits a classic marketing footer across a full-width muted background: the left stack holds the logo, a short description, and a row of social icons from the shared content pack, while the right side uses a three-column grid of titled link lists. The section uses generous vertical padding in the main band so the split layout breathes on desktop but still stacks cleanly on small screens. A separate full-bleed bar beneath carries copyright and legal links on a slightly darker mixed background that aligns with the muted field without introducing a new hue.

Link columns use the same small typographic scale as other footer-basic blocks, with semibold section labels and muted list text that shifts to the primary color on hover. Social icons remain inline with flex wrapping so long icon sets do not overflow awkwardly. The brand column is width-capped so long copy does not stretch across the entire viewport on wide layouts.

The overall look is balanced and product-marketing oriented: two clear zones in the main area, then a thinner legal strip that visually grounds the page. Complexity is moderate and driven mostly by layout rather than by decorative elements.

On mobile the brand stack comes first, then the link grids; in the bottom bar, legal links can appear before the copyright line in flex order to support scanning, then settle into a side-by-side arrangement on larger breakpoints.