Design System Variables
Customize the look and feel of your design system
Color Presets
Choose a predefined color palette for your design system
Indigo & Teal
The default Eidetic theme with professional indigo and fresh teal
Primary
Secondary
Aurora
Ethereal violet and fuchsia - modern and creative
Primary
Secondary
Mocha Earth
Warm mocha brown with sage green - cozy and natural
Primary
Secondary
Midnight
Deep slate with electric cyan accents - bold and sleek
Primary
Secondary
Font Family
Choose a typeface for your design system. All options have similar metrics — no size adjustments needed.
Spacing Scale
Adjust the base spacing unit for padding, margins, and gaps
Border Radius
Control how rounded your UI elements appear
Live Preview
See how your selected settings look on common UI elements
Buttons
Badges
Sample Card
Settings Applied
Using Geist font, Indigo & Teal colors, Default spacing, and Default corners.
Current Configuration
Technical details about your current settings
Font Family
Geist
Color Preset
Indigo & Teal
Spacing Scale
Default
Border Radius
Default
Base Radius
6px