`nav.japanese-vertical-index` · Vertical index

A nav pattern from Japanese Minimal, 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.japanese-vertical-index". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule: Wordmark and a seal in the top-left (1–2, 3); page links stacked as a short vertical index in 11–12.
Slots: siteName, pages
Grid areas: logo 1-2 · seal 3-3 · links 11-12 (12-column grid, 1-based inclusive spans)
Tokens: bg #F4F1EA · text #2B2925 · heading #1F1D1A · accent #A63A28 · accent2 #D78575 · Shippori Mincho / Zen Kaku Gothic New · radius 0px · space unit 8px (full list in design/tokens.json)
Section: vertical padding step 4

Pattern notes

The wordmark in 1–2 with a small seal in column 3; the page links stacked as a short vertical list in 11–12 (small type, one per line). At phone width the seal hides and the links become one scrolling row.

Northfold

Services
Work
About
Contact