What is Aimé Leon Dore's primary brand color?

Aimé Leon Dore does not declare a brand accent color. The dominant structural token is near-black (#181818) at 87 total occurrences — 44 as text, 42 as border, and 1 as background fill — used for every typographic surface, every hairline, and every interactive outline. The canvas is pure white (#ffffff) at 62 occurrences split equally between text-on-dark and border contexts. The only third color in the system is a silver-gray (#c4c4c4) at 34 occurrences used exclusively for nav-link labels in resting state. There is no brand accent, no CTA highlight color, no seasonal tint. All chromatic identity is delegated to the analog-film photography — the sepia tones, the warm grain, the archival color palette of the editorial images. This places ALD in a very small category of e-commerce brands (alongside some Aesop surfaces) that run a genuinely zero-voltage chrome.

What typefaces does Aimé Leon Dore use, and what are their roles?

ALD runs two families with a strict division of labor. Financier Display (a contemporary serif from Commercial Type, close in spirit to Frank Ruhl Libre and Tiempos Headline) carries the single editorial headline role — the seasonal identifier like 'Spring / Summer '26' extracted at 24px / weight 500 / 24px leading. It appears once above the fold and nowhere else in the captured chrome. Sohne (Klim Type Foundry's grotesque) handles every operational surface: nav links at 10px / 1.4px uppercase tracking, span labels at 12px / 0.6px tracking, button labels at 11px, and the email input at 10px. The system's characteristic voice is the Sohne nav label: 10px, uppercase, 1.4px tracked — the same measured authority as a luxury RTW house's physical hang-tag. Substitutes: Tiempos Headline or ABC Arizona Serif for Financier Display; Inter or ABC Diatype for Sohne at the same tracking values.

How does analog-film photography function in ALD's system?

Photography is not a decoration in ALD's system — it is the system's primary chromatic and emotional content. The hero is a full-bleed film image, shot on analog or processed with analog simulation, that carries all warm tones (sepia, amber, grain, blown-out highlights) that the monochrome chrome deliberately withholds. The screenshot shows a young man on a tropical shore above the fold, and a warm vintage family photograph below the fold in the left column — both images processed with the same analog-warmth grade. The chrome makes no attempt to echo or complement these tones; it stays near-black and white, so the photographic color reads against it with maximum contrast. This is the inverse of what most apparel brands do (matching the seasonal accent color to the photography palette); ALD creates contrast between the photography's warmth and the chrome's severity.

What is the significance of 1.4px letter-spacing at 10px in the nav?

The 1.4px tracking on 10px Sohne uppercase is the system's most legible typographic signal. At 10px, text is at the minimum readable size for a desktop UI; the 1.4px tracking (equivalent to 140em at this scale) is extraordinarily wide — most luxury brands run 0.5–1px tracking at small sizes, and most DTC brands run 0.2–0.4px. ALD's 1.4px tracking at 10px makes the nav labels feel engraved rather than typeset: each letter sits in space, separated from its neighbors, evoking the embossed lettering on a heritage luggage tag or a watch caseback. The extraction confirms 17 nav-link occurrences at exactly this setting. The DIN W01 button font runs at 1.1px tracking at 11px — slightly less open, but still wide by category standards.

Can I use this DESIGN.md to build a menswear or luxury apparel interface?

Yes — drop the file into Claude, Cursor, or any AI tool that reads structured design tokens and the agent will reproduce ALD's zero-voltage chrome: near-black ink (#181818) rather than pure black, Financier Display for the single editorial headline, Sohne at 10px with 1.4px uppercase tracking for nav, 0px radius on every interactive surface, and no declared brand accent. Reference tokens directly: {colors.ink} for #181818, {colors.canvas} for #ffffff, {colors.ink-muted} for #c4c4c4, {typography.display-md} for Financier Display at 24px, {typography.nav-link} for Sohne 10px / 1.4px tracking. The critical constraint: do not add a brand accent color. The system's authority comes specifically from having no accent — the moment you introduce a teal or burgundy hover state, the chrome starts speaking over the photography. ALD's system only works if the chrome stays silent.

Aimé Leon Dore Design System

Aimé Leon Dore's menswear storefront as a DESIGN.md file.

About Aimé Leon Dore DESIGN.md

Curated by Dov AzencotUpdated May 18, 2026Source aimeleondore.com

E-commerce & Retail

Aimé Leon Dore's website is one of the few menswear storefronts that treats the browser as a gallery wall. The hero is a full-bleed film photograph — shot on analog, processed with a sepia wash that gives the image a 1970s archival quality. Below the fold the layout is two-column: a large warm-toned vintage photograph fills the left panel, and the right panel holds a season identifier ("Spring / Summer '26") in Financier Display and an email capture field. The chrome around these photographs is so minimal it nearly disappears: a near-black (#181818) ink against pure white, a silver-gray (#c4c4c4) for nav labels at 10px with 1.4px uppercase tracking, and no accent color anywhere. Where Kith runs a black-on-white storefront with occasional red accent moments, and where Noah NYC leans on a navy-on-white prep aesthetic, ALD holds a complete chromatic vacancy in the chrome and trusts the photography to carry every brand signal.

The DESIGN.md file packages this system into a machine-readable spec for React and AI tools. Inside: 5 color tokens drawn directly from the extraction's 1012-element scan — near-black ink (#181818) at 87 total occurrences, white canvas (#ffffff) at 62 total occurrences, silver-gray mid-tone (#c4c4c4) at 34 total occurrences, deep black accent (#000000) at 6 occurrences, and a light hairline gray (#e5e5e5) at 2 occurrences; 10 typography tokens spanning Financier Display at the seasonal headline tier and Sohne at six operational sizes from 10px nav caps to 12px span labels; a 2-step radius vocabulary that is effectively all zeros except for a single 15px pill on the newsletter sign-up; and 16 component entries covering the full-bleed film-photo hero, the flat monochrome nav, the season-header editorial panel, the email capture field, and the product grid.

Feed this file to Claude or Cursor and the agent reproduces ALD's downtown-gallery discipline: near-black rather than pure-black ink, Financier Display for the seasonal season marker, Sohne at 10px with 1.4px tracking for every nav cap and label, no accent, no rounded CTAs, photography-first hierarchy. The system is a useful reference for any brand that wants the aesthetic weight of luxury chrome without the conventional luxury signals — no serif-heavy type ladder, no champagne accent, no pill-button warmth. ALD achieves authority through reduction: the fewer chromatic and geometric decisions the chrome makes, the more the photograph has to say.

What makes it distinct

Financier Display at the editorial tiera contemporary serif (Frank Ruhl Libre-adjacent) reserved for seasonal campaign headlines; Sohne covers every operational role from 10px nav caps to button labels
Near-black ink (#181818) rather than pure black87 total occurrences split 44 text / 42 border; the slight lift from pure black gives the system warmth without introducing a second color
1.4px uppercase tracking at 10pxevery nav link and operational label runs at this tracking, giving the chrome the measured authority of a luxury house without the weight of a bold tier
Sepia-toned analog-film photography as the brand's chromatic vocabularyeditorial images carry all warm tones; the chrome stays rigorously monochrome
No declared brand voltageno accent, no brand color, no hover-state tint; the system's aesthetic weight comes from photography and typographic restraint rather than from a declared hex

Live at aimeleondore.com

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

aimeleondore.com

Explore Aimé Leon Dore

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.

Borders & Hairlines

Dividers, outlines, structural rules.

Aimé Leon Dore design system FAQ

Common questions about Aimé Leon Dore'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.

Aimé Leon Dore — official site

Aimé Leon Dore's public marketing and e-commerce 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.