Slopless Design

nav.luxury-centered-crest · Centred crest

A nav pattern from Luxury Fashion, drawn alone below with this design's tokens and sample copy. Used in this design on: every page, as the nav. Give the section root data-pattern="nav.luxury-centered-crest". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule

Tiny caps links on 1–4, the wordmark centred on 5–8, a tiny caps text action right-aligned on 9–12; no rule.

Slots

pages, siteName, cta

Grid areas

links 1-4 · logo 5-8 · action 9-12 (12-column grid, 1-based inclusive spans)

Tokens

bg #FAF8F4 · text #1A1A1A · heading #0A0A0A · accent #111111 · accent2 #5C4311 · Bodoni Moda / Jost · radius 0px · space unit 8px (full list in design/tokens.json)

Section

vertical padding step 3

Pattern notes

Tiny caps links on 1–4 (hidden on phone, moved to a full-screen menu), the wordmark centred on 5–8 in the heading Didone, and a caps text action ("Bag", "Appointments") right-aligned on 9–12 (also hidden on phone). No divider, no background.

Northfold