At Pegasus we have been hard at work thinking through the outlining of terms and taxonomy about design systems. While we love the focus Atomic Design method has brought to systems thinking we have the levels of complexity difficult for some teams to fully grasp. Searching for something more functional we brainstormed and this is what came out.
Functional Design Method
Style Guide
- Principles
- Brandmark
- Usage guides
- Typography
- Color
- Voice & Tone
- Examples
Visual Assets
- Illustrations
- Photography
- Iconography
Design Tokens
- Typography
- Color
- Spacing
- Depth
- Sound
Core Components
- Categories
- Data Entry
- Data Display
- Data Visualization
- Elevated
- Types
- Functional Components
- Configuration Components
- Theme Components
Patterns
- Categories
- Shared
- Marketing
- Ecommerce
- Types
- Micro
- Macro