UI Styling

Build consistent, accessible UIs with shadcn/ui and Tailwind CSS.

Core Principle: Component-First

Never use shadcn primitives directly in pages/features. Always wrap in custom components.

// WRONG: Using primitives directly throughout the app
import { Button } from "@/components/ui/button"
<Button variant="default" size="sm" className="bg-brand-500">Save</Button>