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. GOV.UK Design System Patterns: https://design-system.service.gov.uk/patterns/ Carbon Patterns: https://carbondesignsystem.com/patterns/ Shopify Polaris: https://polaris-react.shopify.com/ Atlassian Design System: https://atlassian.design/ Design Systems Repo: https://designsystemsrepo.com/
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.