nav.blueprint-ruled-cells · Ruled cells

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

Rule
The nav as a row of ruled title-block cells: wordmark on 1–3, numbered links on 4–9, the muted sheet reference on 10–12, every cell divided by a 1 px rule.
Slots
siteName, pages, meta
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

  • The nav as three ruled cells on `surface` inside a 1 px frame: the wordmark on 1–3, numbered links on 4–9 (current page in the accent), the muted mono sheet reference on 10–12; a 1 px rule separates each cell. The reference cell hides at phone width.
Northfold
  • 01Services
  • 02Work
  • 03About
  • 04Contact

Booking projects from June 2026