2024
MeloSpot Ecosystem
Dot
MeloSpot's design system, built from the ground up.
Every product in the MeloSpot ecosystem needed to feel like it came from the same place, without feeling identical. Dot is the answer: a token system and component language that every other product draws from.
It covers color, type, spacing, and motion as primitives, with platform-specific implementations layered on top so each product can flex without drifting from the source.
Role
Design System Lead
Stack
Design Systems
Tokens
Component Architecture
Figma
Highlights
- Defined the token architecture (color, type, spacing, motion) used ecosystem-wide
- Documented usage guidelines for design and engineering to share one source of truth