nav.y2k-chrome-pixel-strip · Pixel strip

A nav pattern from Y2K Chrome, 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.y2k-chrome-pixel-strip". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule
A thin accent status strip in the pixel font (e.g. 'now online', a date), then the boxed wordmark on 1–3 and underlined links on 5–12.
Slots
meta, siteName, pages
Grid areas
logo 1-3 · links 5-12 (12-column grid, 1-based inclusive spans)
Tokens
bg #F6FBFF · text #192028 · heading #091018 · accent #00B0FB · accent2 #7D9FFF · Unbounded / Sora · radius 28px · space unit 8px (full list in design/tokens.json)
Section
vertical padding step 0

Pattern notes

  • Top: a full-width strip in accent with a pixel-font status line in onAccent (online status, date, visitor count). Below: the wordmark in a boxed chrome badge on 1–3 and the page links underlined on 5–12. At phone width the links scroll horizontally.

Booking projects from June 2026

Northfold
  • Services
  • Work
  • About
  • Contact