How do you know when it's time for a design system?

If you're a fast-growing startup or large organization with disjointed legacy interfaces, it's a good time to consider a design system.

What you'll get.

Reference Site
The home of your design system, typically a URL that displays the full component library from a single atom to full templates, a set of guidelines, icon library, prototyping playground and documentation on how to use everything in your production apps.
Set of Reusable Design Tokens
Single source of truth & technology agnostic tokens that can be imported and used wherever you need.
Common Design Tokens:
• Color
• aA Font Sizes
• Border Radius
• ↔ Breakpoints
• [ ] Spacing Units
• Shadows
Bespoke Component Library
One of two main ingredients of any design system, a component library — also referred to as a pattern library — is a collection of components or patterns which can be used as the building blocks to prototype & build interfaces, think buttons, typography, modals, etc.
Component Breakdown:
• Atoms
• Molecules
• Organisms
• Templates
• Pages
Read More About Atomic Design →
Pilot Project/s
A product (or more) designed to be a proof-of-concept for the efficacy of your shiny new design system. This can be a rebuild of your existing products or a completely new one.
Coaching & Documentation

v1 is just the start, I'll give your team everything they need to build with and extend on the design system.