Card component case study

Where design started

Cards display content and actions about a single subject.

• Use cards to contain related elements.
• Three styles: elevated, filled, outlined.
• Content can include anything from images to headlines, supporting text, buttons, lists, or other components.
• Cards have flexible layouts and dimensions based on their content.

I was looking to replace the following components with a more flexible Card component:

• Zap Card
• Zap Span Card
• Zap Mega Card
• Surface