An austere luxury-editorial travel Maison that lets full-bleed photography and video of its grooved-aluminium cases carry the page. The chrome is monochrome — white with a warm near-black ink #0d0900 over aluminium greys #efefef/#eae8e9 — and the entire site is set in ONE light grotesque, RimowaGroteskLight (stand-in Inter light), used at a single weight 400 and distinguished by unusually WIDE positive letter-spacing: 3.84px on the 64px display, ~2.16px on uppercase labels and buttons, 0.5px on body. There are no bold weights. Buttons are 4px-radius rectangles, 48px tall at 0 24px, UPPERCASE at 2.16px tracking — primary fills #0d0900 with white text, a light variant inverts for use over photography, and a ghost variant is a 1px #0d0900 outline; text links underline and darken to #6f6f6f. All colour lives in campaign imagery (currently an "Original Ink blue" #0c67e7), never in chrome, buttons or borders. Surfaces are flat with restrained layered shadows on floating UI; the site suppresses the mouse focus outline but keeps a keyboard focus-visible ring at 3px offset. Feels precise, editorial and aluminium-cool.
Browse RIMOWA in the interactive gallery
Captured from the live site's computed styles into a prompt-ready DESIGN.md you can paste into Cursor, v0, Lovable, Bolt or Claude Code. Below is a summary of each captured surface.
Source: rimowa.com/us/en/home (live DOM, computed styles), 2026-07-25. Coverage: home. Salesforce Commerce Cloud site — no brand colour tokens in :root (layout vars only); palette read from computed fills/text. Button :hover matched only the OneTrust consent banner; link hover + focus read from the loose set. The blue #0c67e7 / #27455c is the current "Original Ink blue" campaign shown in photography, not permanent chrome. Reality check: matches the hint — precise editorial, aluminium palette, wide type. Confirms the signature is WIDE letter-spacing on a single LIGHT grotesque (RimowaGroteskLight at weight 400, 3.84px tracking at the 64px display).
An austere luxury-editorial travel brand that lets full-bleed photography and video of its grooved-aluminium cases carry the page. The chrome is monochrome — white with a warm near-black ink — and the whole site is set in one light grotesque at a single weight, distinguished by unusually wide letter-spacing that gives every headline and label a spacious, engraved, precise feel. Surfaces are flat with restrained shadows on floating UI; colour enters only through imagery and seasonal campaigns (currently a deep "Ink blue"). Feels: precise, editorial, spacious, aluminium-cool.
| Token | Hex | Role / usage |
|---|---|---|
| ink | #0d0900 | primary text (warm near-black) |
| ink-alt | #0f1115 | alt dark text |
| grey | #424242 | secondary text, 2px border |
| muted | #6f6f6f | muted text, link hover |
| faint | #696969 | tertiary text |
| white | #ffffff | canvas, text over photography, light button |
| surface | #efefef | aluminium light-grey surface |
| surface-2 | #f6f6f6 | off-white panel |
| surface-3 | #f7f7f7 | section fill |
| warm-grey | #eae8e9 | warm light grey |
| border | #dadada | hairline border |
| border-2 | #ececec | faint divider |
Campaign / photographic tones (not permanent chrome):
| Token | Hex | Role / usage |
|---|---|---|
| ink-blue | #0c67e7 | "Original Ink blue" campaign accent |
| deep-blue | #27455c | campaign photography tone |
| eco-green | #346e4a | Re-Crafted / sustainability badge |
Rule: keep chrome monochrome (near-black ink on white/aluminium greys); let colour live in campaign photography, not in buttons or borders.
One custom face does everything: RimowaGroteskLight, a light neo-grotesque, used at weight 400 throughout (an icon font handles glyphs; Nunito Sans is a minor fallback). The defining trait is wide positive letter-spacing — 3.84px on the 64px display, ~2.16px on uppercase labels, 0.5px on body. Labels, nav and buttons are UPPERCASE; headlines are sentence case. No bold weights.
Specimen substitution: previews load Inter at weights 300/400 as the
closest open stand-in; the site ships the licensed RimowaGroteskLight. The wide
tracking (not the exact face) carries the character.
| Role | Family | Size/Line | Weight | Tracking |
|---|---|---|---|---|
| Display (h1) | RimowaGroteskLight | 64/80 | 400 | 3.84px |
| Section (h2) | RimowaGroteskLight | 20/24 | 400 | 0.5px |
| Label (h3) | RimowaGroteskLight | 12/18 | 400 | 2.16px, UPPERCASE |
| Body | RimowaGroteskLight | 14/20 | 400 | 0.5px |
| Nav | RimowaGroteskLight | 14/20 | 400 | 0.5px |
| Button | RimowaGroteskLight | 12 | 400 | 2.16px, UPPERCASE |
Also documented in the full DESIGN.md: Component Stylings, Layout Principles, Depth & Elevation, Motion, Backgrounds, Effects & WebGL, Do's and Don'ts, Responsive Behavior, Agent Prompt Guide.