Audemars Piguet· Retailaudemarspiguet.com

Retail

Audemars Piguet

Haute horlogerie rendered as a precision instrument — deep forest-green-black canvas drawn from Le Brassus ateliers, Neue Helvetica at featherweight 100 in screaming uppercase, white as the only ink, and a palette that subordinates every interface atom to the geometry of the Royal Oak.

Color Palette23 tokens

background#142924

surface#02291f

surface-mid#1a1a1a

surface-light#f6f5f3

surface-dark#000000

ink#ffffff

ink-secondary#bfbfbf

ink-muted#8b8c8c

ink-inverted#142924

on-background#ffffff

on-surface#ffffff

on-primary#ffffff

primary#456148

primary-dark#02291f

primary-hover#31663a

focus-ring#3939ff

accent-teal#2b4f4f

accent-gold#c9b586

error#b02828

border#656565

border-subtle#d1d1d1

border-dark#000000

shadow-soft#999999

Buttons

TypographyGoogle Font

Interbrand uses Helvetica Neue Web

display-hero

The quick brown fox

56px · 100 · -0.56px

display

The quick brown fox

30px · 100 · 1.2px

heading-section

The quick brown fox

30px · 400 · 1.2px

heading-sub

The quick brown fox

16px · 500 · 0.21px

heading-utility

The quick brown fox

12px · 500 · 1.8px

IconsLucide

Set: Lucide · brand-matched

Formfocus ring

you@company.com

Password

••••••••

Card · Shapes

Audemars Piguet

Haute horlogerie rendered as a precision instrument — deep forest-green-black canvas drawn from Le Brassus ateliers, Neu…

Retail

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

Audemars Piguet

Haute horlogerie rendered as a precision instrument — deep forest-green-black canvas drawn from Le Brassus ateliers, Neue Helvetica at featherweight 100 in screaming uppe…

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

HomeRetailAudemars Piguet

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 Audemars Piguet.

2 minutes ago

JLJordan Lee approved your design tokens.

1 hour ago

SRSam Rivera mentioned you in a thread.

Yesterday

Code

theme.ts

// Audemars Piguet tokens
export const theme = {
  primary: "#456148",
  radius: "24px",
}

Calendar

March 2026

SMTWTFS28291234567891011121314151617181920212223242526272829303112

No resultsTry adjusting your filters or search for something else.

Pagination

‹123…12›

Brand moment

The Audemars Piguet website carries the weight of 150 years in Le Brassus. Its design language is not a luxury brand's standard dark-mode showroom — it is something more specific:…

Audemars Piguet · Retail