Design Principle
When users need to inspect an object, imagery must be specific, clear, and relevant.
Principle
When users need to inspect an object, imagery must be specific, clear, and relevant.
Design action
Websites and games must use relevant visual assets; product, place, and person pages should show the real object above the fold, while tool pages reduce decoration.
Examples
Positive example: Landing pages, portfolios, ecommerce, venues, and games. Counterexample: Dark, blurred, cropped stock-like media.
Apply when
Landing pages, portfolios, ecommerce, venues, and games. The page relies on visual trust and understanding.
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
Websites and games must use relevant visual assets; product, place, and person pages should show the real object above the fold, while tool pages reduce decoration.