During my tenure at Popshop, I collaborated with fellow designers to create and manage a dynamic design system. This system, much like a living document, is routinely updated and adapted to align with our organization's evolving requirements and products.
Presented below is an illustration of our Style Guide, and Components, along with a selection of Composition samples.
Tips: Beyond having a comprehensive design document, the success of a design system also requires the collective commitment of the entire team and the backing of the organization's leadership.
Style Guide
Colors
Brand Color
Semantic Color
Text Color
Background Color
Color Paring
Creative Color Palette
Typography
Brand Type
Interface Type
Iconography
Outlined Two-Tone
Two-Tone
Components
Buttons
Action Buttons
Mini Buttons
Option Pills
In-Show Control
Form & Table
Compositions
