What is Louis Vuitton's primary digital brand color?

The digital marketing shell is achromatic — strictly ink black and canvas white, with no brand color declared in the UI token set. Louis Vuitton's visual identity in the physical world is driven by the LV monogram pattern (warm tan canvas with chocolate brown and gold hardware) and the maison's navy and gold secondary palette, but none of these appear as CSS color values in the captured marketing surface. Chromatic identity lives entirely inside the product photography. This is the same approach taken by Bottega Veneta and Celine: the luxury tier increasingly treats UI color as interference and leaves the canvas to the object.

What typeface does Louis Vuitton use, and what should I substitute?

Louis Vuitton runs a proprietary font family named 'Louis Vuitton Web' (also declared as 'Louis Vuitton' without the Web suffix) falling back to Helvetica Neue, Helvetica, Arial, and sans-serif. The captured surface uses weight 400 exclusively at 24px for the display tier (h1), 18px for section headings (h2), and 16px for body paragraphs. Letter-spacing is 0.4px on the display and heading tiers — a consistent brand mark that runs across all extracted heading sizes. The closest open-source substitute is Helvetica Neue at the same weights and letter-spacing values.

Why does Louis Vuitton use a pure black hero background?

The pure black hero stage is an editorial choice borrowed from luxury fashion print practice — runway photography is often shot against a flat dark ground to direct attention entirely to the garment or accessory. In digital form, the pure black (#000000) canvas makes the product photograph read as if lit and floating rather than placed on a designed surface. This is distinct from near-black backgrounds used by technology brands (Linear's #0f0f11, Vercel's #000000 with blue-tinted surfaces) where the darkness signals technical authority. Louis Vuitton's black is an archive-house staging decision, not a dark-mode convention.

Why does Louis Vuitton use 0.4px letter-spacing rather than zero or tight tracking?

The 0.4px letter-spacing on all heading tiers is a deliberate brand-feel marker that sits between two failure modes: zero-tracking reads as a generic web sans, and wide tracking (1-3px, common in fashion labels using uppercase all-caps lockups) reads as shouting. At 0.4px on a 24px h1, the tracking adds a fraction of airiness without announcing itself as a fashion-house affectation. It is consistent across the h1 (24px) and h2 (18px) sizes, suggesting it is a brand-level declaration rather than a size-specific adjustment. The closest analog is Chanel's 0.3px tracking on Chanel Sans.

Can I use this DESIGN.md to build a luxury e-commerce or editorial site?

Yes — the file gives Claude or Cursor the specific tokens to reproduce Louis Vuitton's editorial restraint: pure black stage, white type, 0.4px letter-spacing, weight 400 throughout, zero radius, and a two-color achromatic shell. Substitute 'Louis Vuitton Web' with Helvetica Neue or a comparable geometric neutral sans. The one constraint: this system has almost no UI chrome — it works only if the product photography is strong enough to carry the page. Without archive-quality imagery, the achromatic shell reads sparse rather than authoritative.

Louis Vuitton Design System

Louis Vuitton's marketing design system as a DESIGN.md file.

About Louis Vuitton DESIGN.md

Curated by Dov AzencotUpdated May 19, 2026Source us.louisvuitton.com

E-commerce & Retail

Louis Vuitton's digital marketing surface is a dark stage. The homepage opens on a full-bleed pure black canvas with a large archival product photograph — in the captured instance, the Keepall bag with its LV monogram canvas and caramel leather trim — centered against the darkness. White serif-weight type floats over the image at 24px. No gradient, no color wash, no marketing layer between the viewer and the object. The UI provides the frame; the archive does the rest.

This DESIGN.md packages the system for React tooling. Inside: 6 color tokens drawn from a strict achromatic range — ink black, pure white, and nothing between them with meaningful frequency; 9 typography tokens running the proprietary "Louis Vuitton Web" sans (falling back to Helvetica Neue) at a single weight 400 across display, heading, and body roles, with a 0.4px letter-spacing value that distinguishes the brand's type feel from utilitarian web sans-serifs; 5 spacing tokens on a loose 8–40px rhythm; and 12 component definitions covering the dark hero stage, the white-text floating headline, the flat-edged navigation, and the card surface.

Feed this file to Claude or Cursor and it reproduces Louis Vuitton's specific restraint: a pure black editorial stage, a single proprietary sans at weight 400, 0.4px letter-spacing on display text, zero radius, and a UI that refuses to compete with the monogram canvas pattern it is framing. The system's discipline is its message: the brand is old enough not to need digital decoration.

What makes it distinct

Monogram-as-brand-voltagethe LV canvas pattern carries all chromatic identity inside product photography; the digital UI is strictly achromatic
Proprietary web font at a single weight'Louis Vuitton Web' runs at weight 400 across every display, heading, and body tier with no bold companion in the captured surface
0.4px letter-spacing on display texta measured tracking value that reads as luxury restraint without crossing into wide-tracked fashion-label territory
Pure black hero canvasthe editorial photograph sits on a pure ink stage; white text floats over the darkened product image rather than a designed graphic surface
Zero border-radius throughoutno rounding anywhere; the rectangular frame signals archive-house precision rather than consumer-app approachability

Live at us.louisvuitton.com

A snapshot of the brand in production. Hover the frame to scroll the page; click to visit.

us.louisvuitton.com

Explore Louis Vuitton

Pick what you want to see — mockups, colors, typography, layout, or the full component list.

Surface

Page and card backgrounds.

Text

Headlines, body, captions, muted.

Louis Vuitton design system FAQ

Common questions about Louis Vuitton's tokens, components, and how to use this DESIGN.md in your project.

Specs, directories, and component libraries that pair with this design system.

Browse all design systems

The full directory of DESIGN.md files on shadcn.io, with live mockups for each.

Louis Vuitton — official site

Louis Vuitton's public marketing site — the source of truth for the live tokens captured in this file.

The DESIGN.md specification

Google Labs' open spec for machine-readable design system files — the format this page is built on.