nav.scandinavian-soft-centre-logo · Centred wordmark

A nav pattern from Scandinavian Soft, 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.scandinavian-soft-centre-logo". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule
Links in columns 1–5, the wordmark centred in 6–7, one soft secondary button in 11–12. Everything on one row.
Slots
siteName, pages, cta
Grid areas
links 1-5 · logo 6-7 · cta 11-12 (12-column grid, 1-based inclusive spans)
Notes
All three items sit in row 1 explicitly, so the wordmark comes first at phone width.
Tokens
bg #FDF9F4 · text #241E16 · heading #150E06 · accent #69A382 · accent2 #5DA29C · Nunito / Nunito Sans · radius 16px · space unit 8px (full list in design/tokens.json)
Section
vertical padding step 3

Pattern notes

  • One row: plain page links in columns 1–5, the wordmark centred in 6–7, a small secondary button in 11–12. The wordmark is first in source order so it leads at phone width; links scroll horizontally on phones and the button hides.
Northfold
  • Services
  • Work
  • About
  • Contact