Icon Benefit Grid

About this block

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.

When to use

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

• A media led row from Feature sections so this section can stay purely typographic
• A block from Heroes if the grid opens the features story on a landing page

After

• A block from FAQs to answer the questions these six points tend to raise
• A block from CTAs to convert readers once the fundamentals are covered

What you can display

Six equal slots suit any set of parallel claims, not just platform foundations:

• Platform qualities. Speed, security, sync, and reliability, the checklist buyers run before they commit to a tool.
• Service guarantees. Response times, uptime, onboarding help, and the other promises that close a deal.
• Audience benefits. One cell per role, from engineers to finance, so every stakeholder sees their reason to say yes.

Tip: keep all six descriptions within two lines at desktop width so no cell runs taller than its neighbors and the hairlines stay level.