Insights
What design systems are made of
Counted across every design system shared on Stoaken, once per system, so no single big one tips the scales. It grows with the community.
- Design systems
- 3
- Companies
- 1
- Tokens
- 1,362
- Tokens per system
- 454
- Components
- 0
- With a dark mode
- 100%
The colours teams reach for
The 48 most-used colours, bigger when more systems use them.
Which hues they use (share of systems)
Red
Orange
Yellow
Lime
Green
Teal
Cyan
Sky
Blue
Violet
Purple
Pink
Spacing scales
Values found in spacing tokens, smallest first.
- 0.13rem67%
- 0.25rem67%
- 0.38rem33%
- 0.5rem67%
- 0.63rem33%
- 0.75rem67%
- 12px33%
- 0.88rem33%
- 1rem67%
- 16px33%
- 20px33%
- 1.5rem67%
- 2.5rem33%
- 10rem33%
Corner radius
How round the corners are.
Type scales
Font sizes, smallest first.
- 0.75remAa33%
- 0.81remAa33%
- 1.25remAa33%
- 2.5remAa33%
Fonts
The first family named in font tokens.
- IBM Plex Mono33%
- IBM Plex Sans33%
- IBM Plex Serif33%
- Mona Sans VF33%
- Roboto33%
- ui-monospace33%
Token names
The last part of a token’s name.
- background67%
- full67%
- large67%
- medium67%
- regular67%
- shadow67%
- small67%
- ai-aura-end33%
- ai-aura-hover-background33%
- ai-aura-hover-end33%
- ai-aura-hover-start33%
- ai-aura-start33%
- ai-aura-start-sm33%
- ai-border-end33%
Top-level groups
How systems organise their tokens.
- color100%
- spacing100%
- typography100%
- radius67%
- shape33%
- size33%
Components
What teams build first.
Popular tags
How sharers describe their systems.
Dark mode 3Open source 3Semantic tokens 3Web 3Accessible 2React 2Typography scale 2Android 1Comprehensive 1Corporate 1Cross-platform 1Developer tools 1Enterprise 1Rounded 1Spacing scale 1
Updated Oct 21, 2026, 5:46 PM.