Pure
Aesthetic
A focused design system emphasizing whitespace, refined typography, and micro-interactions.
Foundations
Components
Effects
Export
Type Scale
AaBb
The quick brown fox
The quick brown fox
The quick brown fox
Font Families
Ag
Inter
Primary Sans-Serif
Ag
JetBrains Mono
Monospace / Code
Body Large. Design is intelligence made visible. Use for lead paragraphs.
Body Default. Good design is obvious. Great design is transparent. This is the standard size for long form reading.
Caption / Label. Details matter, it's worth waiting to get it right.
Palette & Roles
Primary
#000000
Surface
#FFFFFF
Zinc 100
#F4F4F5
Zinc 400
#A1A1AA
Accent A
#6366F1
Success
#10B981
Component Library
Interactive Inputs
Button Variants
Status & Bags
Complex Cards
Sarah Connor
Lead Design Architect
"Design is the intermediary between information and understanding."
8,234
Active Users
1.2s
Load Time