Content Card grid
Overview / Purpose
A flexible, multi-column layout module used to display key content categories or messages in visually balanced cards.
Each card typically includes a heading, short description, and optional link or CTA.
Best Practices / Usage Guidelines
- Ideal for showcasing 2–5 content types side by side (e.g., services, departments, audiences).
- Works well on landing pages or section intros to guide user navigation.
- Keep text concise and headlines clear for quick scanning.
Tips:
- Maintain equal content length across cards for visual consistency.
- Use uniform icons or imagery if applicable.
- Ensure CTA links are relevant and distinct.
- Keep mobile responsiveness in mind—stack cards vertically on smaller screens.
Variation:
Dimensions & Copy Limits
*Character limit:
- Without images -> Title: 25 characters, Text: 325 characters, CTA: 20 characters
- With images -> *Character limit: Title: 25 characters, Text: 280 characters, CTA: 20 characters
*Image dimension: 1200x800px
The sample module is shown below.
Consumer & Retail
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit
Financial Services
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit
Industrials
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit
Healthcare & Life Sciences
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit
Technology, Media, Telecom
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit