Slopless Design

nav.terminal-statusline · Status line

A nav pattern from Terminal Mono, 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.terminal-statusline". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule

One line closed by a rule: the wordmark as a path (~/name) left, slash-separated links, a muted git-status meta on the right.

Slots

siteName, pages, meta

Tokens

bg #0B0F0C · text #C8D3C5 · heading #E6F0E3 · accent #3DDC84 · accent2 #279558 · JetBrains Mono / JetBrains Mono · 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 as a path (`~/acme`) on the left, slash-separated links, and on the right a muted git-style status (`[main] ✓ 0.42s`) that hides at phone width.

Northfold

Services
/
Work
/
About
/
Contact

Booking projects from June 2026