Design System
A comprehensive guide to the visual language and components of the Gauntlet app.
Color Palette
Primary
#FF6666
Background
#16181D
Card
#1A1C23
Foreground
#E6E6E6
Muted
#232529
Destructive
#F15A84
Typography
Heading 1: The quick brown fox
Heading 2: Jumps over the lazy dog
Heading 3: A shining example
Heading 4: For typography
Body Text: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi.
Muted Text / Helper: Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat.
UI Components
Buttons
Form Elements
Badges
Default
Secondary
Destructive
Outline
Progress Bar
Accordion
