Components: Cards

A wee design system's library

Last updated on May 29, 2020—In progress

Cards #

Cards are composable components made out of a short text, a link and often, an image. Their main goal is to highlight key content to entice the users and take them to it.

Guidelines

• The main goal of cards is to showcase portfolio items or articles. They contain an image, a headline, a short text and a link. All these elements provide users with an idea of the related content.
• Use meaningful text that gives users an idea of where it's taking them. Avoid the use of vague sentences like Read more.

Code snippets

This is an example.

Sources of inspiration

• Card—Biings Design System
• Card—Bolt Design System
• Card—Shopify's design system
• Cards—Comet Design System
• Cards—Material Design
• Cards—Morningstar Design System
• Cards and Composability in Design Systems—Nathan Curtis