Skip to main content

The Card category includes components that organize information into structured, visually distinct boxes. Cards can feature text, images, icons, or profile details, making them useful for highlighting key content in a compact and readable format.

Contact Card

The Contact Card component displays a person’s name, title, avatar, phone number, and email.

Learn about the Contact Card component

Custom Card (Horizontal)

The Custom Card (Horizontal) component presents information in a flexible card layout with an optional title, image, text, and call-to-action link, making it useful for designs that require an avatar-style image beside the text.

Learn about the Custom Card (Horizontal) component

Custom Card (Vertical)

The Custom Card (Vertical) component displays information in a flexible card format with an optional title, image, text, and call-to-action link, making it useful for layouts that require a vertically stacked design.

Learn about the Custom Card (Vertical) component

Icon Card

The Icon Card component is a structured content box that includes an icon from the icon library, along with a headline, text, and an optional link.

Learn about the Icon Card component

Updated Default Card

The Updated Default Card component is a content box that organizes related information, combining elements like an image, headline, text, and an optional link.

Learn about the Updated Default Card component

Updated Profile Card

The Updated Profile Card component presents a person’s information in a structured card layout, with options for a horizontal or vertical format.

Learn about the Updated Profile Card component