Circle Icons Centre Aligned
Centre aligned icons set in soft circles, each with a title and caption. A friendly way to present three or four core benefits on a landing page.
Centre aligned icons set in soft circles, each with a title and caption. A friendly way to present three or four core benefits on a landing page.
Search blocks by description or jump to a page.
Circle Icons Centre Aligned is a four column feature grid. Each column holds a small filled circle containing a single icon, a short heading directly beneath it, and one line of supporting caption text. On smaller screens the four columns reflow into a two column grid. Everything is centre aligned so the section reads as a balanced, symmetric row of benefits.
The four items are independent of one another. You can swap any icon, rewrite the heading and caption, or reduce the count to three items by removing a column entirely. There is no surrounding header or section title in this block, so it slots cleanly between two other sections that already carry their own headings.
This layout works well as a trust bar placed just below a hero or above a pricing section on a logistics and delivery platform. Four short benefit statements, each supported by a recognisable icon, give first time visitors a fast read of what the service offers before they commit to scrolling further. It is a lighter touch than the split layout in Description On Left Icon Blocks On Right, which pairs a narrative pitch with feature points, and less interactive than Expandable Icon Cards, which suits visitors who want to dig deeper.
A natural flow around it on a Marketing (Legacy) page:
Before
After
Each column is a self contained unit, so you can point it at any short benefit or service attribute your audience needs to see quickly. A few directions that suit a logistics or delivery context:
Tip: keep each caption to a single short sentence so all four captions sit at the same visual weight and the row stays in balance.