Synced library · 24 primitives
Neutral ramp
Accent
Spacing
- Design tokens — colour, type, spacing, radius, elevation
- Core component set with variants and key states
- Usage specs with clear do / don’t guidance
- Figma library aligned with the existing codebase where possible
- Basic accessibility guidance for key components
- Migration notes for adopting it incrementally
- 1
Audit current UI
Inventory what exists and where it diverges.
- 2
Tokenise
Pull the primitives into a single source of truth.
- 3
Build core components
Variants, states and composition rules.
- 4
Document + hand off
Specs the team can build against without me.
Taomarketcap: Swap, Send and Stake share one transaction box, with one amount input, half and max presets, and one primary action.
When your team re-decides the basics on every new screen. If spacing, colour, and component behaviour are argued about more than once a sprint, a system pays for itself.
Design tokens for colour, type, spacing, radius and elevation, a core component set with variants and key states, usage specs with do and do-not guidance, and a Figma library aligned with the existing codebase where possible.
Three to six weeks. Larger UI and design system work sits at the top of that range.