Polar Design System

Highspot

Polar is a ground-up design system built to accelerate migration from Backbone to React. My team created 60+ components, foundational tokens, and scalable patterns supporting light and dark modes as well as brand white-labeling. The system emphasized composability, configurability, and robust documentation, enabling teams to design and build with greater consistency and efficiency.

Fig 1: Semantic structures Fig 2: Component instance

Fig 3: Component controls and set-up

Anchor

Avatar

Breadcrumb

Notification

Anchor

Avatar

Breadcr...

Notific...

Anchor

Avatar

Bread...

Notif...

Fig 5: A sample of components

Fig 6: Spacing guidance

Fig 7: Content guidance

Fig 8: Interactivity guidance