Description On Left Icon Blocks On Right
A split layout with a section heading and copy on the left and stacked icon blocks on the right. Pairs a narrative pitch with scannable feature points.
A split layout with a section heading and copy on the left and stacked icon blocks on the right. Pairs a narrative pitch with scannable feature points.
Search blocks by description or jump to a page.
The block renders a two-column grid. The left column holds a section heading, a short descriptive paragraph, and a text link with a trailing chevron arrow. The right column stacks three icon blocks vertically, each consisting of a circular filled icon badge, a bold subheading, and a supporting paragraph. On smaller screens the columns collapse into a single reading column.
All copy is independent: the heading, body paragraph, link label, and each icon block title and description can be reworded freely. You can add or remove icon blocks in the right column without affecting the left side, and the link can point anywhere or be removed entirely.
Reach for this block when you need to pair a narrative pitch with a short, scannable capability list on the same row. It works well on an HR and hiring platform's features page, where one side can speak to the broader value proposition and the other side can list the concrete tools recruiters get. It reads more cohesively than a full grid of cards when you have three to five points that support a single theme rather than independent topics.
A natural flow around it on a Marketing (Legacy) page:
Before
After
This layout suits any scenario where a written argument belongs alongside a short list of supporting points. A few ways to use it:
Tip: keep the three icon block paragraphs roughly equal in length so the right column stacks evenly and the two columns stay balanced.