Design Tokens
Design primitives that define Aavya's visual language. Copy CSS custom properties, SCSS variables, or JavaScript constants directly from each token page.
2
Theme Modes
48
Total Tokens
5
Categories
17 tokens
Colors
Brand palette: Electric Violet, Mint Green, dark/light mode surfaces
12 tokens
Typography
Inter headings, JetBrains Mono code — sizes, weights, line heights
AaAa
10 tokens
Spacing
Consistent spacing scale for margin, padding, and gaps
4 tokens
Shadows
Soft, diffused shadows for the floating panel aesthetic
5 tokens
Border Radius
Soft-edged radii — sharp corners are strictly avoided