Brands813
↑ ↓ to browse
View full design.md ↗
Eight Sleep· Retaileightsleep.com
Retail

Eight Sleep

Sleep-fitness premium system built on a clean white-to-near-black duet — NeueMontreal at refined light weights with a periwinkle-indigo accent signal that technology lives beneath the calm surface.

Color Palette21 tokens
background#ffffff
background-night#090b12
surface#f1f2f4
surface-alt#f0f0f0
ink#101820
ink-secondary#363636
ink-muted#636363
ink-ghost#8e8d92
on-dark#ffffff
primary#4158ee
on-primary#ffffff
primary-light#a8a9fc
primary-dark#2f2fc1
primary-container#ccd7f5
accent-warm#e0cfbb
success#346a4a
error#c0392b
warning#d97706
border#d1d1d1
border-strong#2e2e2e
shadow-soft#000000
Buttons
TypographyGoogle Font
Interbrand uses NeueMontreal
display-hero

The quick brown fox

120px · 400 · 0.56px
display

The quick brown fox

72px · 400 · 0.72px
heading-section

The quick brown fox

64px · 400 · -1.31px
heading

The quick brown fox

44px · 400 · 0.44px
heading-sub

The quick brown fox

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

Eight Sleep

Sleep-fitness premium system built on a clean white-to-near-black duet — NeueMontreal at refined light weights with a pe…

Retail
none
xs
sm
md
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
Eight Sleep
Sleep-fitness premium system built on a clean white-to-near-black duet — NeueMontreal at refined light weights with a periwinkle-indigo accent signal that technology live…
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
NewEight Sleep just shipped a refreshed design system.Read more →
Pricing
Pro
$24 /mo
  • Unlimited projects
  • Priority support
  • Custom domains
Stepper
CartDetails3Payment4Review
Breadcrumb
HomeRetailEight Sleep
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 Eight Sleep.
2 minutes ago
JLJordan Lee approved your design tokens.
1 hour ago
SRSam Rivera mentioned you in a thread.
Yesterday
Code
theme.ts
// Eight Sleep tokens
export const theme = {
  primary: "#4158ee",
  radius: "8px",
}
Calendar
March 2026
SMTWTFS28291234567891011121314151617181920212223242526272829303112
No resultsTry adjusting your filters or search for something else.
Loading
Pagination
‹123…12›
Brand moment

Eight Sleep operates in the discipline of sleep fitness — a category it largely invented — and the visual system positions the brand precisely at the seam between luxury consumer p…

Eight Sleep · Retail

Similar systems

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

Filter by this ↗
Whoop84%

shared styles: Dark, Minimal, Cool · same category: Retail

Tonal82%

shared styles: Dark, Minimal, Cool · same category: Retail

Shopify74%

shared styles: Dark, Minimal · same category: Retail

Arc'teryx74%

shared styles: Dark, Minimal, Cool · same category: Retail

Peloton70%

shared styles: Dark, Minimal · same category: Retail

Gymshark70%

shared styles: Dark, Minimal · same category: Retail