Theme Builder
Semantic Colors
Dark Mode
Primary Scale
Gray Scale
Buttons
Semantic Colors
Primary Scale
50
100
200
300
400
500
600
700
800
900
950
Gray Scale
50
100
200
300
400
500
600
700
800
900
950
Form Elements
Checkbox
Toggle
Radio
Alerts & Notifications
Cards & Lists
Project Alpha
Updated 2 hours ago
Active
70% completed
Documents
12 files
Images
48 files
Videos
8 files
Chips, Badges & Progress
Primary
Secondary
Outlined
Success
Removable
New
Pending
Info
Progress Bars
75
Navigation & Tabs
Typography - Inter
Heading Large
Heading Medium
Subtitle text for secondary information
Body text for paragraphs and content. This is how your main content will appear with the selected font family.
Smaller body text for less prominent content and descriptions.
Caption text for labels and metadata
Primary textSecondary textAccent textSuccess textError text