Brands813
↑ ↓ to browse
View full design.md ↗
Casper· Retailcasper.com
Retail

Casper

Friendly sleep brand anchored in deep navy warmth, soft pill shapes, and confident custom serif typography designed to make mattress buying feel approachable.

Color Palette21 tokens
background#ffffff
surface#f4f6fb
surface-dark#1e306e
ink#151515
ink-muted#6d6e71
on-background#151515
on-surface#1e3063
primary#1e306e
on-primary#ffffff
primary-container#a8a9fc
primary-dark#012169
primary-mid#526699
sale#cb372a
on-sale#ffffff
primary-hover#243a84
focus-ring#2f84ed
border#899ac7
border-subtle#e2e6f0
shadow-soft#1e306e
success#38a169
error#cb372a
Buttons
TypographyGoogle Font
Playfair Displaybrand uses New Kansas
display-hero

The quick brown fox

72px · 600 · -1.44px
display

The quick brown fox

56px · 600 · -0.56px
heading-section

The quick brown fox

44px · 500 · -0.44px
heading-sub

The quick brown fox

32px · 500 · -0.32px
body-large

The quick brown fox

20px · 400 · 0px
IconsLucide
Set: Lucide · brand-matched
Formfocus ring
Email
you@company.com
Password
••••••••
Card · Shapes

Casper

Friendly sleep brand anchored in deep navy warmth, soft pill shapes, and confident custom serif typography designed to m…

Retail
none
sm
md
lg
Elevation
RING
CARD
ELEVATED
Controls
On
Off
✓Checked
Unchecked
Selected
Option
Alerts
Heads up — a new version of the design system is available.
Saved. Your changes are live across all surfaces.
Some tokens are missing a contrast-safe pairing.
Couldn’t reach the server. Retry in a moment.
Badges
SolidSoftOutlineNewv2.0
FAQ
Casper
Friendly sleep brand anchored in deep navy warmth, soft pill shapes, and confident custom serif typography designed to make mattress buying feel approachable.
How does it integrate with my stack?
Is there a free tier?
Tabs
OverviewActivitySettings
DayWeekMonth
Stats
48.2k
Active users
+12.4%
$12.8k
MRR
+3.1%
99.9%
Uptime
−0.02%
Table
MemberPlanStatus
AQAvery QuinnPro Active
JLJordan LeeTeam Pending
SRSam RiveraFree Active
Avatars
AQJLSR+5
AQ
Avery Quinn
Online · Owner
Slider · Progress
Volume62%
Storage used78%
Tooltip · Popover
Brand-styled tooltipHover target

Keyboard shortcuts

Press ⌘K to open the command menu, ? for help.

Navigation bar
Banner
NewCasper just shipped a refreshed design system.Read more →
Pricing
Pro
$24 /mo
  • Unlimited projects
  • Priority support
  • Custom domains
Stepper
CartDetails3Payment4Review
Breadcrumb
HomeRetailCasper
Menu
Profile
Settings
Billing
Sign out
Toast
Changes savedUndo
You have 3 new updates
Activity
Avery created a new project
2h ago
Jordan left a comment
5h ago
Sam shipped v2.0
1d ago
Notifications
AQAvery Quinn invited you to Casper.
2 minutes ago
JLJordan Lee approved your design tokens.
1 hour ago
SRSam Rivera mentioned you in a thread.
Yesterday
Code
theme.ts
// Casper tokens
export const theme = {
  primary: "#1e306e",
  radius: "8px",
}
Calendar
March 2026
SMTWTFS28291234567891011121314151617181920212223242526272829303112
No resultsTry adjusting your filters or search for something else.
Loading
Pagination
‹123…12›
Brand moment

Casper operates in a space where consumer anxiety is high and the purchase is large and invisible until it arrives at the door. The design system answers this challenge with a pale…

Casper · Retail

Similar systems

Generated from shared tags, visual DNA, category, color, type, and radius.

Filter by this ↗
Chamberlain Coffee99%

shared styles: Warm, Playful, Minimal · same category: Retail

Spindrift98%

shared styles: Warm, Playful, Minimal · same category: Retail

Muji83%

shared styles: Warm, Minimal, Light · same category: Retail

Therabody82%

shared styles: Warm, Minimal, Light · same category: Retail

Brooklinen81%

shared styles: Warm, Minimal, Light · same category: Retail

Hill House Home81%

shared styles: Warm, Minimal, Light · same category: Retail