nav.classical-folio-bar · Folio bar

A nav pattern from Classical Bookish, 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.classical-folio-bar". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule
Three zones on one baseline: an italic tagline in 1–4, the centred wordmark in 5–8, plain links in 9–12.
Slots
siteName, tagline, pages
Grid areas
tagline 1-4 · logo 5-8 · links 9-12 (12-column grid, 1-based inclusive spans)
Tokens
bg #FDF9F4 · text #241E16 · heading #150E06 · accent #7C1C1D · accent2 #B2635D · Libre Caslon Text / Libre Caslon Text · radius 0px · space unit 6px (full list in design/tokens.json)
Section
vertical padding step 2

Pattern notes

  • One baseline, three zones: italic tagline in 1–4 (hidden on phones), the wordmark centred in 5–8, plain links right-aligned in 9–12. The wordmark is first in source order.
Northfold

Strategy and design for companies that make things

  • Services
  • Work
  • About
  • Contact