Cards Sections

For anything that comes in a list

Services, values, steps, team highlights -- how the Cards section works, and what makes a good card versus a crowded one.
Pages & Design 1 min read Updated September 2026

Heading, intro, and cards

A Cards section has an overall heading and optional intro text, then a grid of individual cards underneath. Each card has its own title, its own short text, and an optional button -- fill in both a button label and link on a card, and that one card gets its own button; leave it blank and that card just has text.

What belongs in a card

Cards work best for things that are genuinely parallel -- three services, four values, a short numbered process. Keep each card's text short; a card holding three sentences reads fine, a card holding a full paragraph starts to look like a list of small essays instead of a scannable grid. If one item needs much more explaining than the others, it probably deserves its own Text or Image + Text section instead of being squeezed into a card.

How many cards

Three or four cards is the sweet spot -- enough to feel like a real list, not so many that visitors stop reading partway through. If you have six or more genuinely important items, consider splitting them into two Cards sections with their own headings rather than one long grid.