Centered Icon Promo
A centered promo with an icon, headline, and supporting copy. Highlights a single offer or shipping perk in the middle of a store landing page.
A centered promo with an icon, headline, and supporting copy. Highlights a single offer or shipping perk in the middle of a store landing page.
Search blocks by description or jump to a page.
Centered Icon Promo opens with a badge label, a bold headline, and a short supporting paragraph, all center aligned within a constrained column. Below that sits a three column card grid. Each card holds a tinted icon badge at the top, a feature title, and one or two lines of descriptive copy. A single full width call to action button closes the section at the bottom.
All three parts are independent. The badge text, headline, and paragraph can be rewritten without touching the cards, and the cards themselves can be updated individually since each one carries its own icon, title, and description. The button label and destination are standalone too.
Reach for this block when you need to surface the core value proposition of a fintech or banking product at a glance. It works well mid page, after a product overview and before pricing, where a visitor has enough context to care about the differentiators but not enough to commit. Compared to a plain bullet list of features, the icon card grid gives each point visual weight and keeps the three items clearly separated.
A natural flow around it on an Ecommerce page:
Before
After
Each card is a self contained feature slot. A few ways to fill them:
Tip: keep each card description to one or two short sentences so the three cards stay visually balanced across all screen sizes.