Design Principle
Purchase decisions need images, price, specs, stock, reviews, delivery, and return information together.
Principle Purchase decisions need images, price, specs, stock, reviews, delivery, and return information together.
Design action Product pages show real product image, title, price, variants, stock/delivery, and primary purchase action above the fold; trust cues sit near decision points.
Examples Positive example: Product detail, category pages, carts, and subscription plans. Counterexample: Images do not show the real product.
Apply when Product detail, category pages, carts, and subscription plans. Users need comparison and checkout.
Source notes Source note: Synthesized from GOV.UK, Carbon, Polaris, Atlassian, Design.Systems, Design Systems Repo, and product-pattern libraries.
Agent Directive
Product pages show real product image, title, price, variants, stock/delivery, and primary purchase action above the fold; trust cues sit near decision points.