Blue - Main brand color
Light gray background
Accent color
Green - Success states
Red - Error states
Orange - Warning states
Font Family: Inter (from Google Fonts)
Body text - font-normal
Label text - font-medium
Heading text - font-semibold
Current breakpoint:
Mobile (< 640px)Tablet (640px - 1024px)Desktop (> 1024px)
This is a card component with proper spacing and border.
This card uses the muted background color.
This page uses the container class with max-width of 80rem (max-w-7xl) and responsive padding: