Search blocks by description or jump to a page.
A centered header over a hairline divided three by two grid of six benefits, each with an icon tile, one line title, and two line copy.
The source for every Marketing block is included with Pro and Team. Start a plan to copy the code.
Already on a plan? Log in
Icon Benefit Grid is the quietest feature section in the collection: a centered heading and supporting line above a three by two grid of six benefits. Each cell holds an icon in a soft rounded square, a one line title, and two lines of copy. The cells sit inside a single rounded frame separated by hairline dividers (a one pixel gap over the border token), so the grid reads as one structured surface rather than six floating cards. There is no media at all; the section is purely typographic and every color comes from theme tokens.
The six benefits live in one typed data array, so adding, removing, or reordering cells is a one line change and the grid reflows on its own. On mobile the grid collapses to a single column and on small tablets to two, with the hairlines adjusting automatically. Swap any lucide icon, keep titles to one line, and the section holds its shape.
Reach for this block when you need to cover the dependable but unglamorous half of the story: performance, permissions, sync, audit trails, the qualities buyers check for but nobody screenshots. It works best as a supporting section after a visual showcase such as Cards With Mockups, where a second media heavy block would feel repetitive and a plain list would feel thin. The hairline structure gives it enough presence to hold a scroll without competing with the sections around it.
A natural flow around it on a Marketing Pro page:
Before
After
Six equal slots suit any set of parallel claims, not just platform foundations:
Tip: keep all six descriptions within two lines at desktop width so no cell runs taller than its neighbors and the hairlines stay level.