`nav.editorial-magazine-slim-bar` · Slim bar

A nav pattern from Editorial Magazine, 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.editorial-magazine-slim-bar". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule: Wordmark in the display serif on 1–3, section links in small uppercase on 5–10, a subscribe link on 11–12; one hairline under.
Slots: siteName, pages, cta
Grid areas: logo 1-3 · links 5-10 · subscribe 11-12 (12-column grid, 1-based inclusive spans)
Tokens: bg #FDF9F4 · text #241E16 · heading #150E06 · accent #9B2234 · accent2 #D26F74 · Playfair Display / Source Serif 4 · radius 0px · space unit 8px (full list in design/tokens.json)
Section: vertical padding step 2

Pattern notes

For inner pages. The serif wordmark on 1–3, section links in small uppercase tracked body face on 5–10, an underlined "Subscribe" link on 11–12, then one hairline. At phone width the links scroll horizontally.

Northfold

Services
Work
About
Contact

Start a project