Design preview

Dev-only page: color tokens, typography scale, and every installed shadcn/ui component. Not linked from production navigation.

Color tokens

background
foreground
card
card-foreground
popover
popover-foreground
primary
primary-foreground
secondary
secondary-foreground
muted
muted-foreground
accent
accent-foreground
destructive
border
input
ring

Charts

chart-1
chart-2
chart-3
chart-4
chart-5

Typography

text-4xl

가나다 Aa 타이포그래피 스케일

text-3xl

가나다 Aa 타이포그래피 스케일

text-2xl

가나다 Aa 타이포그래피 스케일

text-xl

가나다 Aa 타이포그래피 스케일

text-lg

가나다 Aa 타이포그래피 스케일

text-base

가나다 Aa 타이포그래피 스케일

text-sm

가나다 Aa 타이포그래피 스케일

text-xs

가나다 Aa 타이포그래피 스케일

Components

Buttons
Variants and sizes
Form fields
Input, label, select

Plain label + input pairing.

Dialog & toast
Overlay and notification patterns