Badge Row
A horizontal row of trust badges showing secure payment, returns, and warranty icons. Place under an add to cart button to calm buyer worry.
A horizontal row of trust badges showing secure payment, returns, and warranty icons. Place under an add to cart button to calm buyer worry.
Search blocks by description or jump to a page.
Badge Row is a four-column grid of trust badges. Each badge is a lightly tinted card with a circular icon container, a short bold label, and a one-line supporting description. The four badges cover a 30-day return guarantee, secure checkout, free returns, and fast shipping. On small screens the cards stack into a single column, then pair up at the small breakpoint, and finally spread across four equal columns on large screens.
Each badge is independent copy, so you can rewrite any label or description to match your guarantees. You can also add or remove cards by editing the badges array; the grid reflows automatically. Nothing in the block is hardwired to e-commerce purchasing flows, so it adapts to any context that needs a compact row of assurances.
Reach for this block when you need a quiet, scannable strip of reassurances that does not compete with the main action above it. It fits particularly well in a project management workspace where users are evaluating a paid plan: a badge row placed just below the upgrade button addresses common hesitations around billing security, cancellation, and support response time before the user commits. It is more contained than the Three Pillars layout and more visual than the Icon List, making it the right choice when you want icons without a long descriptive paragraph per item.
A natural flow around it on an Ecommerce page:
Before
After
The default copy covers the four assurances buyers most commonly need. A few other ways to use the frame:
Tip: keep each description to two or three words so the grid stays visually even across all four cards at every breakpoint.