Watch
Cards 0:41
A 41-second explainer of Cards, narrated over the same demo you can try yourself.
Try the interactive Cards demo
What this video covers
A card is a container that groups everything about one thing - image, title, detail, action - into a single bounded unit you can scan and act on as a whole. Its job is to make the edges of "one item" obvious, so a list of many things reads as many things, not one undifferentiated run of text.
Loose, the same details blurred together - you had to work out which price went with which title. Carded, each item snapped into its own bounded unit and the list became scannable at a glance. The card added nothing but a boundary; the boundary was the whole point.
