nav.midcentury-badge · Badge

A nav pattern from Mid-Century Modern, 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.midcentury-badge". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule
An orange dot beside the wordmark on the left, underlined page links on the right, one row.
Slots
siteName, pages
Tokens
bg #F3E9D6 · text #2B231B · heading #2B231B · accent #C9552A · accent2 #0099BE · League Spartan / Jost · radius 20px · space unit 8px (full list in design/tokens.json)
Section
vertical padding step 3

Pattern notes

  • One row: an orange dot and the wordmark on the left, underlined page links on the right.
Northfold
  • Services
  • Work
  • About
  • Contact