Product Card

Product display cards for e-commerce

What it solves

A Product Card pattern helps teams create a reliable way to summarize a product clearly enough that users can decide whether to inspect it, compare it, or add it immediately. It is most useful when teams need category and search result listings. Compared with adjacent patterns, this pattern should reduce friction without hiding the state, rules, or recovery paths people need to keep moving.

When to use

• Category and search result listings
• Recommendation shelves
• Quick-buy merchandising

When to avoid