Styleguide
The foundational design system, typography, colors, and components that power The Outpost Creative.
Colors
Background
var(--background)
Foreground
var(--foreground)
Primary
var(--primary)
Muted
var(--muted)
Card
var(--card)
Border
var(--border)
Typography
Heading 1 (Geist)
The quick brown fox
Heading 2 (Geist)
The quick brown fox
Heading 3 (Geist)
The quick brown fox
Body (Share Tech Mono)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Components
Buttons
Inputs & Forms
Badges
Default
Secondary
Outline
Destructive
Cards
Card Title
Card description text goes here.
This is the main card content area. It uses the standard card background and border tokens.
