Shopify · Design system breakdown
Merchant-first design system shipping a real product surface.
Polaris launched in 2017 to unify the merchant-facing surfaces of Shopify Admin. It has matured through multiple major versions while remaining unusually grounded in the realities of merchant workflows — long forms, complex tables, error recovery, asynchronous bulk operations.
Centralized core team owns the canonical components and tokens; product teams contribute through a public contribution model. Token decisions go through internal RFCs; component changes ship behind versioning with deprecation periods.
| Token | Value | Role |
|---|---|---|
| color-bg-surface | #ffffff | Page surface |
| color-text | #202223 | Default body text |
| color-text-critical | #d72c0d | Destructive emphasis |
| space-400 | 16px | Default control padding |
| shadow-200 | 0 1px 2px rgba(0,0,0,0.06) | Card elevation |
| border-radius-200 | 8px | Card and input radius |
Token names and values are illustrative — refer to the system's official tokens reference for the canonical, current set.
If you're evaluating this system
Pick Polaris if you're building merchant- or operator-facing tools with form-heavy interactions. Don't pick it as a marketing or storytelling system — its patterns assume a logged-in user doing real work.
Compare more systems