Preferred solutions to common merchant goals in the admin.
The pattern documentation is evolving. Join the discussion to make it better.
App settings layout
Scan and find groups of settings in apps
Select a date or a date range
Highlight new features for merchants
Resource details layout
Create, view, and edit resource objects
Resource index layout
Organize and take action on resource objects
These guidelines are safe to use and will be updated to the new documentation format in the near future.
Navigating the Shopify admin should be fast, meaningful, and focused. Intentional loading states deliver a continuous flow for merchants.
The New badge can be used to inform merchants about the release of a feature that creates new value. It should be used sparingly and for a short time frame.
Picker experiences help merchants browse, find, and select from multiple options. Use them for selecting locations, customer segments, and more.
Text fields combine the field label (the title) and the input area. Inputs can vary from typed text to URLs to date pickers.