Cards
The Cards set provides a cohesive collection of styles designed to create visually appealing, consistent containers for content across your site. These styles ensure balanced spacing, clear hierarchy, and adaptable layouts—making it easy to build polished, organized sections that enhance user engagement.
Card
The Default Card style features a clean white background with a subtle border, creating a simple and elegant container for content. Its balanced spacing and neutral design make it versatile for a wide range of layouts and purposes.
Example
Erik Hanneman
Software Engineer
Muted Card
The Muted Card style offers a softer, understated look with a subtle background color and minimal border. Designed to create gentle contrast, it’s ideal for secondary content or areas where a lighter visual emphasis is preferred.
Example
Henry Collins
Product Designer
Faded Card
The Faded Card style builds on the Muted Card by applying lower opacity for an even softer, more translucent appearance. It’s perfect for background elements or less prominent content that needs to stay visually subtle without losing structure.
Example
Patricia Tilly
Project Manager
Summary
The Cards style set offers versatile container designs to suit different content needs. From the clean, bordered Default Card to the softer Muted Card and the translucent Faded Card, each style provides balanced spacing and clear hierarchy—helping create polished, organized layouts with consistent visual flow.