nav.constructivist-angled-tab · Rail with numbered links

A nav pattern from Constructivist, 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.constructivist-angled-tab". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule
Wordmark 1–4 and numbered capital links 6–12 on one line, sitting on an 8px black rail.
Slots
siteName, pages
Grid areas
logo 1-4 · links 6-12 (12-column grid, 1-based inclusive spans)
Tokens
bg #EFE6D2 · text #16130F · heading #16130F · accent #C8102E · accent2 #FF7777 · Anton / Barlow Semi Condensed · radius 0px · space unit 8px (full list in design/tokens.json)
Section
vertical padding step 2

Pattern notes

  • The wordmark on 1–4 and numbered links in capitals on 6–12 (01 WORK / 02 ABOUT…), bottom-aligned, sitting directly on an 8 px black rail.
Northfold
  • 01Services
  • 02Work
  • 03About
  • 04Contact