nav.hardware-key-strip · Key strip

A nav pattern from Industrial Hardware, 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.hardware-key-strip". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule
One raised surface strip: wordmark left, links as pill keys, a small orange key right.
Slots
siteName, pages, cta
Tokens
bg #E5E3DE · text #262522 · heading #111110 · accent #FF5B14 · accent2 #1C1C1A · Archivo / Archivo · radius 6px · space unit 4px (full list in design/tokens.json)

Pattern notes

  • One raised surface strip (1 px seam, bevel, 6 px corners): wordmark left, links as pill keys, a small primary key right.
NorthfoldStart a project