Design and content
A product card links to one item and contains a small amount of information, for example an image and important features, sufficient to help people make a decision whether to click on the card.
The whole area of a product card is active as a single link. Don’t include other actions within a card.
An important feature of a product card is the image is not obscured by any accompanying text, which makes it good for presenting products or anything where that is a consideration.
Cards are responsive and adapt well to changing views, whether displaying few cards or many.
Product cards are ideal for presenting groups of items that share common features or characteristics, for example data imported from a spreadsheet. If you are using cards to present more general, prose information on different subjects consider using editorial cards instead.
Suggest a pattern or change
Use this form to suggest a new pattern or a change to an existing one.