Simple
A clean feature section with a heading, supporting text, and a short list of points. Reach for it when you want clarity over decoration on a marketing page.
A clean feature section with a heading, supporting text, and a short list of points. Reach for it when you want clarity over decoration on a marketing page.
Search blocks by description or jump to a page.
Simple Feature Section opens with a centered heading and a short supporting paragraph, both constrained to a comfortable reading width. Below that sits a four-column card grid. Each card holds a large icon, a bold title, and one sentence of description. On smaller screens the grid collapses to a single column, expanding to two then four as the viewport widens.
Every part of the block is independent. The heading and subheading are plain copy, so you can rewrite them without touching anything else. The feature array drives the card grid, and you can add or remove cards freely. The icons, titles, and descriptions inside each card are all separate fields.
Reach for this block when you need to communicate a short list of product strengths clearly and without distraction. It suits a homepage positioned just below the hero, a product overview page between a stats band and a pricing table, or a trust section inside an onboarding flow. For a fintech or banking product it works particularly well as a "why us" answer: four compact cards covering security, speed, analytics, and integration land the core value proposition in one sweep without the ceremony of alternating image rows or interactive tabs.
A natural flow around it on a Marketing (Legacy) page:
Before
After
Each card slot accepts an icon, a short title, and a one-sentence description. A few ways to fill those slots for a financial product:
Tip: four cards fill the row cleanly on desktop. If you add a fifth, switch the grid to three columns so no card is orphaned on the last row.