What is LOEWE's primary brand color?

LOEWE has no brand accent color in its marketing site chrome. The entire UI system runs on ink black and near-white grey. The only chromatic values declared in the site's CSS are a utility amber-yellow used once as a video-player accent bar, a deep crimson for form validation, and standard utility colors (green for success, orange for warning) that never appear on the live page. The brand's chromatic expression lives entirely in its campaign photography — bags, garments, and accessories in rich terracottas, greens, and golds — never in the UI layer itself.

What typeface does LOEWE use, and what should I use as a substitute?

LOEWE runs Avus, a proprietary geometric sans-serif built exclusively for the house. It appears at weight 400 across every typographic tier — display headlines at 22px, body copy at 14px, navigation at 14px, and captions at 12px. Weight variation is not used as a hierarchy device; scale and spacing carry the hierarchy instead. There is no italic or condensed variant visible in the captured marketing surfaces. The closest open-source substitute is Futura PT at the same weight; both have the same tall-cap geometric construction and similar x-height. Inter does not substitute well here — its proportions read too rounded compared with Avus's more mechanical geometry.

What corner-radius does LOEWE use?

LOEWE uses 0px border-radius on every surface — buttons, product cards, image frames, navigation dropdowns, and form inputs all present as hard squares. The extracted radius data confirms zero occurrences of any non-zero radius value across 1,514 scanned elements. The square-corner policy is the most direct expression of the brand's architectural sensibility: a refusal to soften or domesticate any edge. Unlike fashion peers Jacquemus (rounded organic edges) or Valentino (partial pill CTAs), LOEWE holds the 0px line everywhere in the system.

How does LOEWE's product-grid layout work?

The marketing homepage uses a sequence of full-bleed editorial panels with no padding at the viewport edge — each campaign image fills its containing block. Within panels, product grids use a generous horizontal rhythm with the product navigation subdivided by 1px hairline rules in near-black at 10% opacity. The spacing scale runs on a 4px base with dominant tokens at 8px (product metadata), 24px (section spacing), and 48px (major panel bottom margins). Content text runs left-aligned in a column constrained to approximately 340px wide at desktop, leaving the right side of each panel for product imagery.

How does LOEWE handle elevation and shadows?

LOEWE uses no shadows or elevation in its marketing system. Hierarchy is communicated entirely through hairline rules (1px black at various opacity levels: 10% for light dividers, 45% for heavier separators, 30% for page overlays) and typographic scale. There are zero drop-shadow declarations in the captured surfaces. This is consistent with the brand's overall philosophy of flat, graphic surfaces where visual weight comes from photography and spatial proportion rather than from depth simulation.

LOEWE Design System

LOEWE's marketing design system as a DESIGN.md file: pure-monochrome palette, proprietary Avus typeface at weight 400 only, 0px radius everywhere, full-bleed editorial photography.

About LOEWE DESIGN.md

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

E-commerce & Retail

LOEWE's marketing site is an act of deliberate restraint that almost no luxury brand attempts at this scale: the entire interface chrome is two colors — ink black and near-white. No accent. No gold. No brand-voltage CTA. The LOEWE logotype renders in pure black at the top-left of a white canvas; product campaigns occupy full-bleed editorial panels below; the only color on the page comes from photography. Where Gucci saturates its site with dark bottle-green and Prada runs an editorial-red accent, LOEWE withholds entirely — the implication being that the objects themselves carry all the chromatic authority worth claiming.

This DESIGN.md packages the system into a machine-readable spec for React and AI tools. Inside: 12 color tokens drawn from a monochrome palette of ink black, near-white, and a gradient-grey middle tone; 10 typography tokens running Avus (the house's proprietary geometric sans) at weight 400 across every tier — display at 22px, body at 14px, caption at 12px — with no weight variation for emphasis; a 4-token radius scale that starts and ends at 0px; 8 spacing tokens on a 4px base; and 14 component definitions covering the top-nav, product card, editorial heading, and hairline-divided navigation grid.

Feed this file to Claude or Cursor and it will reproduce LOEWE's specific moves: pure-black type on near-white canvas, Avus at a flat 400 weight, 0px corner radius on every surface, and photography as the sole chromatic voice. The one move worth borrowing only if your brand can sustain it: the refusal to hold a voltage color in reserve. Most brands treat restraint as an accent strategy — LOEWE treats it as a total system property, which reads as categorical confidence rather than minimal branding.

What makes it distinct

Monochrome disciplinethe entire chrome runs on two tones: ink black and near-white grey; no brand color ever appears in the UI layer
Single weight across all tiersAvus runs at 400 for display (22px), body (14px), navigation, and caption; weight is not used as a hierarchy signal
Zero radius everywhere0px border-radius on every element including buttons, cards, and images; the square edge is the identity
Photography as decorationall chromatic expression lives in the campaign imagery, never in the system chrome
Hairline economyborders render at 1px black with low opacity, used to subdivide the page rather than to indicate elevation

Live at loewe.com

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

loewe.com

Explore LOEWE

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

Brand & Accent

Sparing, CTA-only voltage.

Surface

Page and card backgrounds.

Text

Headlines, body, captions, muted.

Borders & Hairlines

Dividers, outlines, structural rules.

Semantic

Status, errors, success, inline links.

LOEWE design system FAQ

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

LOEWE — official site

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