Slopless Design

nav.hardware-nameplate · Nameplate

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

Rule

Boxed logo with a mono model line, numbered links, and one small orange key; a 1 px seam underneath.

Slots

siteName, eyebrow, 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 row over a 1 px bottom seam: the boxed logo with a muted mono model line (hidden on phones), numbered links (01 Product …) centred, and one small primary key at the right.

Northfold

Start a project