Gummie Design System
Gumloop's design system for building consistent, accessible, and beautiful products.
Color Palette
background
foreground
primary
primary foreground
secondary
secondary foreground
muted
muted foreground
accent
accent foreground
success
success foreground
warning
warning foreground
destructive
destructive foreground
border
ring
Badges
Default
Destructive
Destructive
Destructive
Success
Success
Success
Warning
Warning
Warning
Muted
Muted
Muted
Outline
Outline
Outline
Accent
Accent
Accent
Inverted
Destructive
Destructive
Destructive
Success
Success
Success
Warning
Warning
Warning
Muted
Muted
Muted
Accent
Accent
Accent