Slopless Design

nav.blueprint-sheet-header · Sheet header

A nav pattern from Blueprint, 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.blueprint-sheet-header". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule

One ruled line: boxed wordmark left, slash-separated mono links, a muted sheet reference and a ghost button right; a 1 px rule closes it.

Slots

siteName, pages, meta, cta

Notes

The sheet reference reads like a drawing number ("DWG 2026-014 · REV C"); it hides on phones.

Tokens

bg #134A86 · text #E6F1FC · heading #FFFFFF · accent #FFFFFF · accent2 #9FDCFF · IBM Plex Sans Condensed / IBM Plex Sans · radius 0px · space unit 4px (full list in design/tokens.json)

Section

vertical padding step 2

Pattern notes

One line closed by a 1 px rule: the wordmark boxed in a 1 px frame, slash-separated links, and on the right the muted mono drawing number (`DWG 2026-014 · REV C`, hidden at phone width) and a small ghost button.

Northfold

Services
/
Work
/
About
/
Contact

Booking projects from June 2026

Start a project