What is Aman's primary brand color?

Aman declares no chromatic brand accent. The extracted palette contains seven neutral tones: charcoal (#313131) at 579 occurrences as the dominant text and border color, medium gray (#585858) at 310 occurrences for navigation and secondary text, pure black (#000000) at 28 occurrences, warm linen (#f3eee7) at 4 occurrences as the button text and themeColor surface, mid-gray (#404040) at 2 occurrences, pure white (#ffffff) at 1 occurrence, and a stone gray (#aaa6a3) at 1 occurrence. The brand's themeColor meta tag is set to #f3eee7, suggesting linen is the designated 'brand surface' — but it appears sparingly on the page itself. All saturated color on the page comes from the resort photography.

What typefaces does Aman use, and what are suitable substitutes?

Aman runs two typefaces: Lyon Text Web (by Commercial Type) for editorial h2 and h3 headings, and WhitneySSm (by Hoefler&Co) for navigation, labels, and body-scale text. Both are licensed typefaces. Lyon Text Web is a contemporary oldstyle serif — narrower and slightly narrower in stance than Garamond — appearing at 19.6px and 31px in weight 400 for editorial section headings. WhitneySSm is a humanist sans with low-contrast strokes, appearing from 10px to 14px across navigation and small-caps category labels (2px letter-spacing, uppercase transforms). For Lyon Text Web, Freight Text or Source Serif 4 are the closest available alternatives. For WhitneySSm, Proxima Nova or Aktiv Grotesk are close in proportion; for the small-caps uppercase register, set Inter at weight 500 with 0.15em letter-spacing.

What is Aman's corner radius philosophy?

Aman uses zero border radius across the entire captured marketing site. The extraction returned an empty radii array — no element with a non-zero border radius was found in the 1459 scanned elements. The primary CTA button ('Reserve') has borderRadius 0px; navigation elements have 0px; image tiles have 0px. This absolute rectilinearity is intentional: the sharp edge signals architectural precision, echoing the resort photography where Aman properties tend to feature sharp lines (tatami rooms, geometric pool edges, Modernist pavilion roofs) rather than organic curves. Introducing rounded corners — even 4px — would immediately shift the brand register toward consumer hospitality apps.

What spacing scale does Aman use?

Aman's spacing scale is anchored on a 7px module rather than the conventional 4px or 8px base. The dominant spacing token is 5.6px (0.8 × 7px), appearing 56 times as the primary padding unit. The secondary token is 14px (2 × 7px), appearing 29 times. Other common values: 4.2px (0.6 × 7px) at 15 times, 7px itself at 10 times. This fractional scale appears to derive from a fluid-type or viewport-relative sizing system — the values are precise multiples of a 7px root rather than round 8px-grid numbers. Section-level padding sits at 65px (roughly 9.3 × 7px), while the booking bar height is declared at 70px (10 × 7px) in a CSS custom property.

Can I use this DESIGN.md to build a luxury hospitality React site?

Yes — the file is designed to be fed into Claude, Cursor, or any AI tool that reads structured design tokens. The agent will reproduce Aman's specific moves: charcoal-not-black text, linen-not-white canvas surface on the primary button, Lyon Text Web-style serif only for h2 and h3 editorial moments, WhitneySSm-style sans with 0.4-0.8px tracking for functional chrome, zero rounding on every surface, and a 7px-modular spacing scale. The tokens resolve without invention. One critical caveat: the system only reads as Aman when paired with editorial-quality resort photography. The same token set applied with stock photography reads as a generic luxury layout; the photographs are what make the absence of brand chrome feel intentional rather than unfinished.

Aman Design System

Aman's marketing system as a DESIGN.md file.

About Aman DESIGN.md

Curated by Dov AzencotUpdated May 19, 2026Source aman.com

Travel & Hospitality

Aman's marketing site operates at a remove from every design-system convention. There is no primary brand color. There is no border radius. There is almost no UI chrome. The page is a sequence of full-bleed resort photographs — thatched pavilions over turquoise water, a tatami room in Tokyo, a courtyard at dusk — separated by narrow editorial headings in a weight-400 serif and small-caps WhitneySSm labels. Where Four Seasons uses deep green as a brand anchor, and Rosewood uses a restrained gold pairing, Aman removes the brand-chrome layer entirely. The page's chromatic voice comes from the photographs; the system's job is to ensure no token competes with them.

The DESIGN.md file packages the system into a machine-readable spec for React and AI coding tools. Inside: 12 color tokens running from charcoal ink (#313131) through a graduated gray family to warm linen (#f3eee7) — no hue anywhere in the palette except the linen's faint warmth; 11 typography tokens spanning Lyon Text Web and WhitneySSm, both at weight 400, with hierarchy delivered through size (from 10px small-caps labels to 31px h2) and letter-spacing (from 0.3px on navigation to 2px on uppercase labels); zero border-radius tokens (the spec uses a single `none: "0px"` value); 8 spacing tokens on a 7px-anchored modular scale; and 15 component definitions covering the sharp-edged reserve button, the whisper-weight nav, the full-bleed editorial section layout, and the photography-led media grid.

Feed this file to Claude or Cursor and it will reproduce Aman's specific register: charcoal over linen instead of black over white, Lyon Text Web only for h2 and h3 editorial moments, WhitneySSm for every functional surface, no rounding anywhere, and letter-spacing doing the work that weight would do in any other luxury system. The move worth borrowing — only if your product has genuinely extraordinary photography — is the willingness to leave the brand-chrome layer empty and let the images do the identity work. Without exceptional photographs, this system reads as an unfinished page.

What makes it distinct

Zero border radiusnot a single rounded corner appears across the entire captured site; every surface is rectilinear, including the primary CTA button
Two-serif typographic systemLyon Text Web for editorial headings, WhitneySSm for navigation and labels; both families are weight 400, hierarchy comes from size and letter-spacing alone
Charcoal not blackthe primary ink is #313131 rather than pure black, a choice that removes visual aggression and keeps the type in harmony with linen tones
Fractional spacing scalethe page uses 5.6px, 4.2px, and 14px as primary rhythm tokens, suggesting a modular scale anchored on 7px rather than a conventional 4px or 8px grid
Linen canvas as themeColor#f3eee7, declared in the page meta themeColor, appears as the button text and select background surface — warmer than cream, closer to undyed linen

Live at aman.com

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

aman.com

Explore Aman

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.

Other

Specialty colors.

Aman design system FAQ

Common questions about Aman'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.

Aman — official site

Aman'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.