Stacked Link Rows
A footer that stacks each link group into its own hairline separated row, with a brand and social row above and a copyright bar below.
A footer that stacks each link group into its own hairline separated row, with a brand and social row above and a copyright bar below.
The source for every Marketing block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Stacked Link Rows swaps the usual column grid for a set of horizontal rows. A brand row opens the block with a mark, wordmark, and one line blurb on the left and a row of social icon buttons for X, GitHub, LinkedIn, and YouTube on the right. Below it, each link group sits on its own hairline separated row: the group label holds the left third while its links wrap inline across the right. A slim bottom bar closes the footer with a copyright line and a contact email.
Everything is built from theme tokens and inline SVG marks, so the block needs no external images and reads cleanly in light and dark mode. The link groups are defined in a single data array, so you can add a row, rename a label, or extend a link list without touching the rest of the layout.
Reach for this block when a site has several distinct link groups but wants a calmer, more horizontal rhythm than a wall of columns. The row format gives each group a clear label and room to breathe, which reads well on wider footers where a four-column grid would feel cramped. It fits better than a column layout when the link groups vary in length, and better than a minimal footer when there is still real navigation to surface.
A natural flow around it on a Marketing Pro page:
Before
After
The row structure is flexible, so it adapts to how your links are grouped:
Tip: keep each row's links to a single wrapped line on wide screens so the stacked rhythm stays even from top to bottom.