ref.shopify.app-design-guidelines · official-system
Shopify App Design Guidelines
Shopify's official app design guidelines covering predictability, host-surface consistency, adaptive/mobile behavior, accessibility, and merchant trust for apps embedded in the Shopify admin. Provides a first-party Markdown representation.
https://shopify.dev/docs/apps/design
What this source teaches
- Define an embedded/hosted product profile: inherit host navigation and behavior, minimize novelty in cross-surface workflows.
- Require mobile-first testing for embedded apps and define boundary between product brand and host conventions.
Where AwesomeDS applied it
rule.adaptation.hosted-embedded-surfaces— Adapt product surfaces to the host without surrendering task continuityrule.interaction.product-quality— Product quality includes recovery states
Implementations and artifacts
No directly linked artifacts.
Caveats & anti-imitation
Transfer host-integration and embedded-app quality principles; do not copy Shopify admin patterns or merchant-specific workflows as universal defaults.