Themes/Vercel
Start building with Vercel

Vercel Design System

Pure black and white with surgical precision. Maximum contrast, developer-grade clarity.

Dashboard

Total Revenue

$15,231.89

+20.1% from last month

Subscriptions

+2,350

+180.1% from last month

Cards

Move Goal

Set your daily activity goal.

350

Calories/day

Exercise Minutes

Your activity trend this week.

Mon
Tue
Wed
Thu
Fri
Sat
Sun

Forms

Create an account

Enter your email to get started.

Email

example@acme.com

Password

••••••••

Notifications

Manage your notification preferences.

Push notifications
Email digest
Marketing emails

Buttons

CSS Variables — shadcn/ui compatible
:root {
  --background: #000000;
  --foreground: #EDEDED;
  --card: #111111;
  --card-foreground: #EDEDED;
  --primary: #FFFFFF;
  --primary-foreground: #000000;
  --secondary: #1A1A1A;
  --secondary-foreground: #EDEDED;
  --muted: #111111;
  --muted-foreground: #888888;
  --accent: #0070F3;
  --accent-foreground: #FFFFFF;
  --border: #333333;
  --input: #333333;
  --ring: #FFFFFF;
  --radius: 0.5rem;
}

Color Palette

Primary

#FFFFFF

Primary Foreground

#000000

Secondary

#1A1A1A

Secondary Foreground

#EDEDED

Background

#000000

Foreground

#EDEDED

Card

#111111

Card Foreground

#EDEDED

Border

#333333

Muted

#111111

Muted Foreground

#888888

Blue

#0070F3

Accent Foreground

#FFFFFF