nav.luxury-whisper-line · Whisper line

A nav pattern from Luxury Fashion, drawn alone below with this design's tokens and sample copy. Not used in this design: shown with its tokens for comparison. Give the section root data-pattern="nav.luxury-whisper-line". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule
The wordmark on the left and a tiny 'Menu' ghost button on the right; desktop may show up to four plain caps links between them, hidden on phone; the full link list lives in a full-screen overlay.
Slots
siteName, cta, pages
Grid areas
logo 1-3 · menu 10-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

  • The wordmark on the left and a tiny caps "Menu" ghost button on the right; desktop may show plain caps links between them when there are four or fewer. The menu opens a full-screen ivory overlay with links set in italic Didone at step 4.
Northfold
  • Services
  • Work
  • About
  • Contact
Start a project