shadcn/ui

The copy-paste component aesthetic of the modern React/Next.js era: Radix primitives styled with Tailwind, a neutral OKLCH-defined palette (white bg, near-black #0a0a0a foreground, #171717 primary, #e5e5e5 borders), 0.625rem radius, Geist or Inter type, CSS-variable theming, and instant dark mode by flipping the neutral scale.

Primary action

Card

Signature element

The near-black primary button on a white card with hairline border, 10px radius, and a whisper of Tailwind shadow — plus the --background/--foreground CSS-variable pairing that made 'add dark mode' a one-class exercise.

Palette

bg
#ffffff
text
#0a0a0a
accent
#171717
muted
#f5f5f5
text-muted
#737373
border
#e5e5e5
destructive
#dc2626