Cards

Cards group together and call out vital information. Cards are a great way to aggregate individual pieces of information in one place. Cards can help users notice immediately when the user can swipe them horizontally which is a common interaction in mobile apps.

Variations

Usage

We have a variety of cards for different purposes, which helps provide varied focuses based on the information you want to highlight over others. The colors from our brand palette can be used for a variety of purposes for these cards. Keep in mind, the foundation of these cards should remain the same by following our design system standards for example 8px radius, shadow color-opacity, X & Y offset, etc.