Themes/Stripe
Start building with Stripe

Stripe Design System

Clean, dense, developer-focused. Deep indigo gradients on white with precise typography.

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: #FFFFFF;
  --foreground: #0A2540;
  --card: #FFFFFF;
  --card-foreground: #0A2540;
  --primary: #635BFF;
  --primary-foreground: #FFFFFF;
  --secondary: #F6F9FC;
  --secondary-foreground: #425466;
  --muted: #F6F9FC;
  --muted-foreground: #425466;
  --accent: #00D4FF;
  --accent-foreground: #0A2540;
  --border: #E3E8EF;
  --input: #E3E8EF;
  --ring: #635BFF;
  --radius: 0.5rem;
}

Color Palette

Primary

#635BFF

Primary Foreground

#FFFFFF

Secondary

#F6F9FC

Secondary Foreground

#425466

Background

#FFFFFF

Foreground

#0A2540

Card

#FFFFFF

Card Foreground

#0A2540

Border

#E3E8EF

Muted

#F6F9FC

Muted Foreground

#425466

Accent

#00D4FF

Accent Foreground

#0A2540