Polaris

Our design system helps us work together to build a great experience for all of Shopify’s merchants.

Guides

Check out these practical guides to help you understand how to design for the Shopify platform using Polaris.

Content
Learn how to use language to design a more thoughtful product experience.
Read content guidelines
Design
Find out how we approach the visual elements of our interface with purpose.
Read design guidelines
Components
Use components as building blocks as you develop new products and features.
Browse components
Patterns
Read guidance for crafting patterns in the Shopify admin.
Browse experiences

What’s new
Polaris v9.0.0
A new approach to design tokens. Removes Sass functions, mixins, and more for new CSS custom properties and components to ensure you can ship design decisions with consistency and scale.
Read all Polaris updates
Blog posts, talks, and events
- Design systems are flawed
  Post by José Torre
- How to create accessible and inclusive product content guidelines
  Post by Shay Perez
- A map for uncovering your assumptions
  Post by Sara Hill

Downloads, links, and third-party tools to help you and your teams learn, draft, design, and build products for Shopify.