Pro design languageNew
Efficiency, intuition, and style combined to empower merchants with data-rich views, action-driven interfaces, and dynamic interactions.
Color highlights important areas, communicates status, urgency, and directs attention.
Depth introduces a sense of realism, helps establish visual hierarchy, and creates focus.
Icons enhance an experience by providing intuitive and efficient navigation, conveying information concisely, and making it more visually appealing.
Layout determines the placement, positioning, and organization of various components within the UI, such as buttons, menus, content sections, and other visual elements.
Motion brings dynamism to an interface, offers visual feedback, and aids merchants understanding the outcomes of their actions.
Typography is the art of arranging type in ways that provides innate hierarchy to UI.
Visualizations surface patterns in data, and provide immediate answers to a single, specific question.
The Shopify admin uses a precise illustration style to help merchants quickly and clearly understand how things work across every experience.
Interaction states communicate the status of an element in the interface, establish confidence once an action is taken, and suggest the ability (or inability) to interact with the element.
We use sound to communicate information and to enhance how merchants experience the Shopify admin. Sound patterns make interactions easier and more predictable.