Auto

Volvo Cars

Scandinavian calm rendered in software — an airy white canvas, Volvo Novum's humanist sans, deep Prussian-blue ink, and a single brighter-blue accent reserved for interaction. Restraint, safety, and breathing room as a design language.

Color Palette27 tokens

background#ffffff

surface#ffffff

surface-subtle#f5f5f5

surface-muted#ededed

surface-inverse#141414

ink#1c1c1c

ink-display#003057

ink-secondary#56575a

ink-muted#8c8d8f

on-inverse#ffffff

primary#1c6bba

on-primary#ffffff

primary-hover#155394

primary-pressed#0f3f70

primary-container#e7f0fa

accent-dark-ui#5aa9f0

iron-blue#003057

logo-blue#0d3896

border#e0e0e0

border-strong#c4c4c4

border-focus#1c6bba

focus-ring#1c6bba

success#47962d

warning#f7d302

error#c4001a

info#1c6bba

shadow-soft#1c1c1c

Buttons

TypographyGoogle Font

Hanken Groteskbrand uses Volvo Novum

display-hero

The quick brown fox

72px · 400 · -1px

display

The quick brown fox

48px · 400 · -0.5px

heading-section

The quick brown fox

36px · 500 · -0.25px

heading-sub

The quick brown fox

24px · 500 · 0px

body-large

The quick brown fox

20px · 400 · 0px

IconsLucide

Set: Lucide · brand-matched

Formfocus ring

you@company.com

Password

••••••••

Card · Shapes

Volvo Cars

Scandinavian calm rendered in software — an airy white canvas, Volvo Novum's humanist sans, deep Prussian-blue ink, and…

Auto

none

Elevation

RING

CARD

ELEVATED

Controls

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

Volvo Cars

Scandinavian calm rendered in software — an airy white canvas, Volvo Novum's humanist sans, deep Prussian-blue ink, and a single brighter-blue accent reserved for interac…

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

Member	Plan	Status
AQAvery Quinn	Pro	Active
JLJordan Lee	Team	Pending
SRSam Rivera	Free	Active

Avatars

AQJLSR+5

Avery Quinn

Online · Owner

Slider · Progress

Volume62%

Storage used78%

Tooltip · Popover

Brand-styled tooltipHover target

Navigation bar

Banner

Pricing

Pro

$24 /mo

Unlimited projects
Priority support
Custom domains

Stepper

CartDetails3Payment4Review

Breadcrumb

HomeAutoVolvo Cars

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 Volvo Cars.

2 minutes ago

JLJordan Lee approved your design tokens.

1 hour ago

SRSam Rivera mentioned you in a thread.

Yesterday

Code

theme.ts

// Volvo Cars tokens
export const theme = {
  primary: "#1c6bba",
  radius: "8px",
}

Calendar

March 2026

SMTWTFS28291234567891011121314151617181920212223242526272829303112

No resultsTry adjusting your filters or search for something else.

Pagination

‹123…12›

Brand moment

Volvo Cars' digital design is Scandinavian calm translated into software. Where most automotive sites reach for dark cinematic drama and chromed urgency, Volvo opens on a near-pure…

Volvo Cars · Auto

Similar systems

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

Filter by this ↗

Mercedes-Benz82%

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

Polestar81%

shared styles: Light, Minimal, Cool · same category: Auto

Tesla76%

shared styles: Light, Minimal · same category: Auto

Infinite Machine73%

shared styles: Minimal, Editorial · same category: Auto

Rivian72%

shared styles: Light, Editorial · same category: Auto

Lexus71%

shared styles: Minimal, Editorial · same category: Auto