Shopify Polaris Design System

I led Shopify's Polaris Design System for 5 years, growing adoption to 89%, orchestrating two major design language transformations and enabling design excellence at scale.

Category

Enterprise

Multi-platform

Role

Design Director

Over my five years leading Shopify’s Polaris Design System, I transformed it from a consistency tool into a strategic platform for design excellence at scale.
We increased adoption from 40% → 89%, re-architected the system for rapid iteration, and shipped a major design-language evolution across ~89% of the admin in just 10 weeks—a process that once took months.

Impact at a glance

  • 122% increase in adoption (40% → 89%)

  • 50+ product teams aligned across one admin

  • ~89% of the admin updated automatically

  • Sweeping design-language launch in 10 weeks

  • System now powers thousands of designers and developers

The Challenge: From Consistency to True Leverage

When I took over Polaris, it had achieved surface-level consistency but lacked leverage—the ability to make broad, high-quality improvements quickly.

Fragmented adoption meant that teams were forking components, customizing heavily, and making change slow, costly, and unpredictable. The admin UI, rooted in 2010s flat design, no longer reflected Shopify’s evolving brand or merchants’ expectations of a pro-grade tool.

My mission was simple but ambitious:

“Enable design excellence at scale by creating leverage.”

Leverage meant faster improvement cycles, predictable rollout of visual updates, and a system that stayed modern without massive re-platforms.

Approach: Building Leverage Through Architecture, Data, and Enablement

1. Data-Driven Insight

We couldn’t improve what we couldn’t measure.
I led the creation of usage heatmaps and coverage dashboards that visualized where teams had deviated from Polaris. This data surfaced core architectural flaws—too many “catch-all” components, missing layout primitives, and over-configuration that forced teams to fork.

2. Architectural Overhaul

We rebuilt Polaris to prioritize composition over configuration:

  • Introduced layout primitives and spikier components designed for clarity and focus

  • Replaced SCSS with CSS variables and expanded design tokens as the visual foundation

  • Reduced bundle size and enabled composability, paving the way for future visual evolution

This work brought us to 86.6% mainline coverage, a critical tipping point for leverage.

3. Tooling and Governance

To sustain quality at scale, we introduced:

  • Linting tools that prevented system violations in code reviews

  • Migration dashboards for visibility and accountability

  • Token APIs and improved documentation to accelerate correct usage

  • A governance model balancing autonomy with coherence across 100+ teams

4. Enablement and Culture

We evolved from passive documentation to active enablement—training sessions, internal advocates, and clear contribution pathways. The design system became a shared investment, not a policing mechanism.

5. Expanding the Polaris Documentation Site

We evolved the Polaris documentation site into a comprehensive hub that supported both principles and practice.
Beyond component documentation, it included design patterns with preferred solutions to common merchant goals, content guidelines that unify tone and clarity, and token documentation connecting visual expression to technical implementation.
At its foundation, Shopify’s design principles served as guiding notions for the admin’s design direction, with Polaris providing the structure and resources to implement those principles consistently and effectively.

The Design-Language Evolution: “A Pro Tool with Soul”

Once the infrastructure was stable, we tackled the admin’s aesthetic transformation—the first in seven years.

Our vision:

“A pro tool with soul — tactile, confident, and distinctly Shopify.”

Grounded in merchant research, I set the strategic direction and creative parameters that guided designers José Torre and Thomas Jonkajtys through exploration. The resulting design language was professional yet human:

  • Tactile controls and redesigned icons with subtle personality

  • Inter typeface for clarity at small sizes

  • Motion curves adding liveliness without distraction

  • Neutral palette replacing Shopify green with black for versatility

I orchestrated the company-wide rollout—aligning 100+ teams, tailoring stakeholder presentations, and securing executive buy-in through live prototypes.

Because of our new infrastructure, the updated Polaris propagated to ~89% of the admin automatically, transforming the visual experience in just 10 weeks.

Results

  • Adoption: 40% → 89% coverage

  • Rollout speed: Major redesign deployed in 10 weeks

  • Merchant feedback: “Refined,” “useful,” and “professional”

  • Cultural impact: System reframed as a creative enabler, not a constraint

Reflection

The biggest transformation wasn’t visual: it was architectural and cultural.
By focusing on leverage, we turned a static system into a living platform capable of evolving alongside Shopify’s products, teams, and merchants.

More projects

Vox Media

At Vox Media, I led design for the Unison Project—a multi-year initiative to unify eight editorial brands under one shared design system and codebase while preserving each brand’s distinct identity.

Role

Design Director

Vox Media

At Vox Media, I led design for the Unison Project—a multi-year initiative to unify eight editorial brands under one shared design system and codebase while preserving each brand’s distinct identity.

Role

Design Director

Vox Media

At Vox Media, I led design for the Unison Project—a multi-year initiative to unify eight editorial brands under one shared design system and codebase while preserving each brand’s distinct identity.

Role

Design Director

Ready to build a system that sets
you apart?

If you’re ready to move beyond consistency toward expression, I can help you build the next chapter of your system’s evolution.

© 2025 All right reserved

Ready to build a system that sets
you apart?

If you’re ready to move beyond consistency toward expression, I can help you build the next chapter of your system’s evolution.

© 2025 All right reserved

Ready to build a system that sets
you apart?

If you’re ready to move beyond consistency toward expression, I can help you build the next chapter of your system’s evolution.

© 2025 All right reserved