Themes/Linear
Start building with Linear

Linear Design System

Dark, sleek, ultra-refined. Purple-violet accents on deep backgrounds. The dev tools gold standard.

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: #111111;
  --foreground: #EEEEEE;
  --card: #1A1A1A;
  --card-foreground: #EEEEEE;
  --primary: #5E6AD2;
  --primary-foreground: #FFFFFF;
  --secondary: #222222;
  --secondary-foreground: #EEEEEE;
  --muted: #1A1A1A;
  --muted-foreground: #858699;
  --accent: #5E6AD2;
  --accent-foreground: #FFFFFF;
  --border: #2A2A2A;
  --input: #2A2A2A;
  --ring: #5E6AD2;
  --radius: 0.375rem;
}

Color Palette

Primary

#5E6AD2

Primary Foreground

#FFFFFF

Secondary

#222222

Secondary Foreground

#EEEEEE

Background

#111111

Foreground

#EEEEEE

Card

#1A1A1A

Card Foreground

#EEEEEE

Border

#2A2A2A

Muted

#1A1A1A

Muted Foreground

#858699

Accent

#5E6AD2

Accent Foreground

#FFFFFF