Slopless Design

nav.japanese-quiet-corner · Quiet corner

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

Rule

Wordmark in 1–3, page links in small type in 9–12. No rule, no button, no background.

Slots

siteName, pages

Grid areas

logo 1-3 · links 9-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–3 and the page links in small type in 9–12, on one baseline. No rule, no button, no background. At phone width the links scroll horizontally.

Northfold

Services
Work
About
Contact