Skip to content Shopify logoPolaris
  • What’s new
  • Getting started
  • Foundations
  • Design
  • Content
  • Patterns
    新
  • Components
  • Tokens
  • Icons
  • Contributing
  • Tools

Build.Contribute.Evolve.

Shape the merchant experience for Shopify’s core product, the admin.

Foundations

Fundamental design guidance for creating quality admin experiences

Components

Reusable elements and styles, packaged through code, for building admin interfaces

Tokens

编码的名称代表设计决策for color, spacing, typography, and more

Icons

Over 400 carefully designed icons focused on commerce and entrepreneurship

新Version 10 typography

Learn about what changes are coming to Polaris typography.

Read post
A list showcasing the new font sizes in Polaris

Polaris for VS Code

Autocompletion for Polaris tokens, right inside your favorite code editor

Install
Screen shot of the Polaris VS Code extension actively autocompleting the value of a background CSS rule with the surface success design token.

Leave feedback