Rolex

---
version: alpha
name: Rolex-design-analysis
description: Rolex's design language is a heritage luxury experience anchored on a deep green `#006039` and a metallic gold `#a37e2c` against black and ivory surfaces. Typography is elegant and serif-forward, imagery is rich and dark, and the layout is stately and measured. The green and gold are used sparingly — the crown, the wordmark, and key accents — conveying prestige and restraint.

colors:
  primary: "#006039"
  primary_dark: "#0b4d31"
  primary_light: "#127749"
  gold: "#a37e2c"
  gold_light: "#c9a959"
  canvas: "#ffffff"
  surface: "#f5f2ea"
  surface_2: "#eae5d8"
  ink: "#000000"
  ink_soft: "#1a1a1a"
  fg_default: "#1a1a1a"
  fg_muted: "#6b6b6b"
  border_default: "#e0dbcf"
  on_primary: "#ffffff"

typography:
  display-xxl:
    fontFamily: ""Rolex", Georgia, serif"
    fontSize: 56px
    fontWeight: 700
    lineHeight: 1.05
    letterSpacing: -1px
  display-xl:
    fontFamily: ""Rolex", Georgia, serif"
    fontSize: 48px
    fontWeight: 700
    lineHeight: 1.1
    letterSpacing: -0.75px
  display-lg:
    fontFamily: ""Rolex", Georgia, serif"
    fontSize: 40px
    fontWeight: 600
    lineHeight: 1.1
    letterSpacing: -0.5px
  display-md:
    fontFamily: ""Rolex", Georgia, serif"
    fontSize: 32px
    fontWeight: 600
    lineHeight: 1.15
    letterSpacing: -0.25px
  heading-lg:
    fontFamily: ""Rolex", Georgia, serif"
    fontSize: 24px
    fontWeight: 600
    lineHeight: 1.2
    letterSpacing: 0
  heading-md:
    fontFamily: ""Rolex", Georgia, serif"
    fontSize: 20px
    fontWeight: 600
    lineHeight: 1.3
    letterSpacing: 0
  heading-sm:
    fontFamily: ""Rolex", Georgia, serif"
    fontSize: 18px
    fontWeight: 600
    lineHeight: 1.4
    letterSpacing: 0
  body-lg:
    fontFamily: ""Rolex", Georgia, serif"
    fontSize: 16px
    fontWeight: 400
    lineHeight: 1.5
    letterSpacing: 0
  body-md:
    fontFamily: ""Rolex", Georgia, serif"
    fontSize: 15px
    fontWeight: 400
    lineHeight: 1.5
    letterSpacing: 0
  body-sm:
    fontFamily: ""Rolex", Georgia, serif"
    fontSize: 14px
    fontWeight: 400
    lineHeight: 1.4
    letterSpacing: 0
  caption:
    fontFamily: ""Rolex", Georgia, serif"
    fontSize: 12px
    fontWeight: 400
    lineHeight: 1.4
    letterSpacing: 0
---

# Design System Inspired by Rolex

## 1. Visual Theme & Atmosphere

Rolex is prestige through restraint: a deep green `#006039` and metallic gold `#a37e2c` — the colors of the crown and the laurel — set against black and warm ivory. The experience is stately and measured, with rich, dark imagery and generous, deliberate whitespace. Nothing competes with the product; every element is placed with precision.

## 2. Color System

- **Rolex green** `#006039` — the crown, wordmark accents, and key links.
- **Gold** `#a37e2c` — the laurel, metallic details, and moments of luxury.
- **Ivory** `#f5f2ea` / `#eae5d8` — warm parchment surfaces.
- **Black** `#000000` / `#1a1a1a` — headers, dark product imagery, and footer.
- Text `#1a1a1a`, muted `#6b6b6b`; hairlines `#e0dbcf`.

## 3. Typography

An elegant serif (Rolex's classic Roman-style face, falling back to Georgia) for display and headings, paired with a refined sans for body. Type is set with wide tracking and generous leading, evoking engraved metal and print heritage. Hierarchy is quiet and confident.

## 4. Components & Shape

The product page is the hero: a large watch photograph on a dark or ivory ground with a precise specification table. The crown is the recurring mark. Navigation is minimal — thin, letter-spaced links. Buttons are understated, often text-only or thin-bordered, never loud.

## 5. Layout & Spacing

A centered, symmetric layout with large margins (48-80px) and a strong vertical rhythm. Sections alternate dark and ivory for contrast. The composition is formal and balanced, like a print catalog rendered digitally.

## 6. Motion

Slow, luxurious transitions: imagery fades and scales gently, the crown turns subtly in the loader, and scroll reveals are soft. Motion is minimal and deliberate, matching the brand's unhurried confidence.