Search Website
Cards
The Cards component is designed to showcase concise information in visually distinct “cards”.
Cards
The Cards component is designed to showcase concise information in visually distinct “cards”.
Cards
The Cards component is designed to showcase concise information in visually distinct “cards”.
Overview
The Cards component is designed to showcase concise information in visually distinct “cards,” each with its own title, brief description, and one or more call-to-action buttons. This layout helps users quickly scan and engage with multiple items at once.
Use Cases
- Highlight Key Items: Perfect for promoting features, programs, or services in a grid format.
- Quick Summaries: Offer brief overviews of different topics or events, each with a link to more detailed information.
- Product or Service Listings: Display essential details in a compact, easy-to-browse style.
Required Materials
- Title: Provide a concise title for each card.
- Description: Summarize the main content in a brief paragraph or two.
- CTA Buttons: You can add zero, one, or two buttons per card.
Best Practices
- While you can add anywhere from one to six cards, three cards (or multiples of three) offer the best layout, preventing any awkward white space, as each card always occupies one-third of the row.
Page Type Compatibility
Supported in Full Width pages.