Brand guide
Aurora
The starter pack for shipping websites that don't look AI-built.
A
Color
Derived from a single OKLCH hue (265°). Re-skin by editing brand.config.ts → npm run brand.
background
foreground
primary
secondary
muted
accent
card
destructive
aurora-1
aurora-2
aurora-3
Typography
Display: Space Grotesk · Body: Geist · Mono: JetBrains Mono
Display / 6xlThe quick brown fox jumps
Heading / 4xlThe quick brown fox jumps
Subhead / 2xlThe quick brown fox jumps
Body / baseThe quick brown fox jumps
Caption / sm mutedThe quick brown fox jumps
mono · const ship = () => deploy();
Buttons
Variants share radius, focus ring, and press feedback.
Badges
DefaultSecondaryOutlineAccent
Radius & surfaces
Corner style: rounded.
Card · rounded-lg
Standard surface.
Card · rounded-xl
Elevated surface.
Card · rounded-2xl
Feature surface.