Brands813
↑ ↓ to browse
View full design.md ↗
Rolls-Royce· Autorolls-roycemotorcars.com
Auto

Rolls-Royce

The ultimate luxury automotive marque rendered as a nocturnal couture gallery — deep charcoal canvas, Riviera Nights across every size, cinematic full-bleed photography, generous pill-CTAs in white, and an almost-total refusal to let interface chrome compete with the cars.

Color Palette19 tokens
background#151515
surface#222222
surface-dark#000000
surface-mid#1a1a1a
surface-light#f5f5f5
ink#ffffff
ink-secondary#dddddd
ink-muted#999999
ink-inverted#151515
on-background#ffffff
on-surface#ffffff
on-primary#151515
primary#ffffff
primary-hover#d9d9d9
accent-violet#6d30a7
border#7c7c7c
border-subtle#d8d8d8
border-dark#222222
shadow-soft#888888
Buttons
TypographyGoogle Font
Cormorant Garamondbrand uses Riviera Nights
display-hero

The quick brown fox

70px · 300 · 15.4px
display

The quick brown fox

70px · 300 · 2.5px
heading-section

The quick brown fox

34px · 300 · 2.5px
heading-sub

The quick brown fox

28px · 500 · 11.2px
heading-utility

The quick brown fox

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

Rolls-Royce

The ultimate luxury automotive marque rendered as a nocturnal couture gallery — deep charcoal canvas, Riviera Nights acr…

Auto
none
sm
pill
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
Rolls-Royce
The ultimate luxury automotive marque rendered as a nocturnal couture gallery — deep charcoal canvas, Riviera Nights across every size, cinematic full-bleed photography,…
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
NewRolls-Royce just shipped a refreshed design system.Read more →
Pricing
Pro
$24 /mo
  • Unlimited projects
  • Priority support
  • Custom domains
Stepper
CartDetails3Payment4Review
Breadcrumb
HomeAutoRolls-Royce
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 Rolls-Royce.
2 minutes ago
JLJordan Lee approved your design tokens.
1 hour ago
SRSam Rivera mentioned you in a thread.
Yesterday
Code
theme.ts
// Rolls-Royce tokens
export const theme = {
  primary: "#ffffff",
  radius: "8px",
}
Calendar
March 2026
SMTWTFS28291234567891011121314151617181920212223242526272829303112
No resultsTry adjusting your filters or search for something else.
Loading
Pagination
‹123…12›
Brand moment

The Rolls-Royce Motor Cars website does not sell automobiles the way any other brand sells them. It operates as a nocturnal private gallery, lit only by the glow of the cars themse…

Rolls-Royce · Auto

Similar systems

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

Filter by this ↗
Koenigsegg80%

shared styles: Dark, Editorial, Minimal · same category: Auto

Porsche80%

shared styles: Dark, Editorial, Minimal · same category: Auto

Lexus76%

shared styles: Dark, Editorial, Minimal · same category: Auto

Aston Martin74%

shared styles: Dark, Serif, Minimal · same category: Auto

Genesis70%

shared styles: Dark, Editorial, Minimal · same category: Auto

Khaite69%

shared styles: Dark, Editorial, Serif · visual DNA: Dark, Monochrome, Warm