08 / CARD GRIDS & OVERVIEWS
Cards and lists present collections of content in a clear and modular way. Carousels and galleries are suited for showcasing products, teams, or customer quotes, while simple lists can double as indexes or tables of contents. These layouts help readers scan, compare, and select items with ease.
Portrait Card Carousel: A horizontal slider of content cards (size L) that pair visuals with a CTA. Employee photography can be found in the Media Library.
DUIS AUTE IRURE
Dolor excepteur enim deserunt id adipisicing laboris est.
DUIS AUTE IRURE
Dolor excepteur enim deserunt id adipisicing laboris est.
DUIS AUTE IRURE
Dolor excepteur enim deserunt id adipisicing laboris est.
DUIS AUTE IRURE
Dolor excepteur enim deserunt id adipisicing laboris est.
Portrait Card Carousel: A horizontal slider of content cards (size M) that pair visuals with a CTA. Employee photography can be found in the Media Library.
DUIS AUTE IRURE
Dolor excepteur enim deserunt id adipisicing laboris est.
DUIS AUTE IRURE
Dolor excepteur enim deserunt id adipisicing laboris est.
DUIS AUTE IRURE
Dolor excepteur enim deserunt id adipisicing laboris est.
DUIS AUTE IRURE
Dolor excepteur enim deserunt id adipisicing laboris est.
Portraits Card Gallery: A grid of portrait-focused cards with names, bios, and a CTA. Well-suited for team introductions, testimonials, or speaker lineups.
DUIS AUTE IRURE
Dolor excepteur enim deserunt id adipisicing laboris est.
DUIS AUTE IRURE
Dolor excepteur enim deserunt id adipisicing laboris est.
DUIS AUTE IRURE
Dolor excepteur enim deserunt id adipisicing laboris est.
DUIS AUTE IRURE
Dolor excepteur enim deserunt id adipisicing laboris est.
DUIS AUTE IRURE
Dolor excepteur enim deserunt id adipisicing laboris est.
DUIS AUTE IRURE
Dolor excepteur enim deserunt id adipisicing laboris est.
Product Card Slider: A slider of product-focused cards with text and CTA. Perfect for visual storytelling in a scannable layout.
DUIS AUTE IRURE
Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam.
DUIS AUTE IRURE
Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam.
DUIS AUTE IRURE
Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam.
DUIS AUTE IRURE
Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam.
Product Card Gallery: A grid of product-focused cards with text and CTA. Perfect for visual storytelling in a scannable layout.
DUIS AUTE IRURE
Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam.
DUIS AUTE IRURE
Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam.
DUIS AUTE IRURE
Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam.
DUIS AUTE IRURE
Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam.
Image Card Carousel: A horizontal slider of image-based cards with text and a CTA. Use abstract images from the Media Library so that the text remains legible.
DUIS AUTE IRURE
Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam.
DUIS AUTE IRURE
Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam.
DUIS AUTE IRURE
Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam.
DUIS AUTE IRURE
Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam.
Text Card Carousel: A horizontal slider of minimalist text-only cards with CTA. Designed for highlights, or short messages.
SED UT PERS PICIATIS UNDE OMNIS ISTE NATUS ERROR SIT VOLUP TATEM.
DUIS AUTE IRURE DOLOR IN REPRE HENDERIT IN VOLUPTATE VELIT ESSE CILLUM DOLORE EU.
DUIS AUTE IRURE DOLOR IN REPRE HENDERIT IN VOLUPTATE VELIT ESSE CILLUM DOLORE EU.
DUIS AUTE IRURE DOLOR IN REPRE HENDERIT IN VOLUPTATE VELIT ESSE CILLUM DOLORE EU.
DUIS AUTE IRURE DOLOR IN REPRE HENDERIT IN VOLUPTATE VELIT ESSE CILLUM DOLORE EU.
Card Gallery: A grid-based display of multiple content cards with CTA. Ideal for presenting collections (e.g. articles, products, or cases) in a scannable overview.
DUIS AUTE IRURE
Dolor excepteur enim deserunt id adipisicing laboris est.
DUIS AUTE IRURE
Dolor excepteur enim deserunt id adipisicing laboris est.
DUIS AUTE IRURE
Dolor excepteur enim deserunt id adipisicing laboris est.
DUIS AUTE IRURE
Dolor excepteur enim deserunt id adipisicing laboris est.
DUIS AUTE IRURE
Dolor excepteur enim deserunt id adipisicing laboris est.
DUIS AUTE IRURE
Dolor excepteur enim deserunt id adipisicing laboris est.
Timeline grid (Ideal for timelines): A structured list of headings and subheadings, providing readers with a clear overview and easy navigation through documents.
