nav.broadsheet-masthead · Masthead

A nav pattern from Broadsheet Newspaper, 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.broadsheet-masthead". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule
A full masthead: motto and date ears, the large blackletter nameplate centred, then a double rule and centred section links.
Slots
tagline, meta, siteName, pages
Grid areas
masthead 1-12 (12-column grid, 1-based inclusive spans)
Tokens
bg #F4F0E6 · text #1B1A17 · heading #0D0C0A · accent #872824 · accent2 #BE6D65 · UnifrakturMaguntia / Newsreader · radius 0px · space unit 6px (full list in design/tokens.json)
Section
vertical padding step 2

Pattern notes

  • A full masthead for the home page: motto (italic) and date (small caps) as ears on one line (hidden on phone), the blackletter nameplate centred and large, a double rule, centred section links in small caps, a hairline.

Strategy and design for companies that make things

Booking projects from June 2026

Northfold
  • Services
  • Work
  • About
  • Contact