Lenzora Design System
Confident Clarity • Living Precision • Scalable Delight
v1.0.0
Color Palette
Sapphire
50
100
200
300
400
500
600
700
800
900
Emerald
50
100
200
300
400
500
600
700
800
900
Graphite
50
100
200
300
400
500
600
700
800
900
Coral
50
100
200
300
400
500
600
700
800
900
Typography
Font Families
Space Grotesk (Display)
The quick brown fox jumps over the lazy dog
Inter (Body)
The quick brown fox jumps over the lazy dog
Geist Mono (Code)
const designSystem = { theme: 'lenzora' };
Text Sizes
xsThe quick brown fox jumps over the lazy dog
smThe quick brown fox jumps over the lazy dog
baseThe quick brown fox jumps over the lazy dog
lgThe quick brown fox jumps over the lazy dog
xlThe quick brown fox jumps over the lazy dog
2xlThe quick brown fox jumps over the lazy dog
3xlThe quick brown fox jumps over the lazy dog
4xlThe quick brown fox jumps over the lazy dog
Icons
Lens Motif Icons
Basic
Crosshair
Focus
Precision
Icon Sizes
xs
sm
md
lg
xl
2xl
Components
Buttons
Inputs
Badges
Default
Secondary
Outline
Destructive
Spacing & Layout
Spacing Scale
xs
sm
md
lg
xl
2xl
3xl
4xl
Usage Examples
Form Example
Active
Pending
Dashboard Card Example
Visual Diff Results
12 snapshots compared
In Progress
Action Bar Example
Lenzora Platform
Animations
Success Rays
Snap-in Loading
Loading...