`nav.sport-scoreboard-bar` · Scoreboard bar

A nav pattern from Athletic Sport, 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.sport-scoreboard-bar". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule: Monogram in 1–2, a mono live-score chip on accent in 3–5, slash links in 6–10, a secondary button in 11–12.
Slots: siteName, meta, pages, cta
Grid areas: logo 1-2 · score 3-5 · links 6-10 · cta 11-12 (12-column grid, 1-based inclusive spans)
Tokens: bg #FAFAFA · text #1F1F1F · heading #0F0F0F · accent #FF3B00 · accent2 #00A1BA · Barlow Condensed / Barlow · radius 0px · space unit 8px (full list in design/tokens.json)
Section: vertical padding step 2

Pattern notes

Monogram in 1–2, a mono italic live-score chip on accent ("LIVE · CITY 2–1 ROVERS", hidden on phones) in 3–5, slash-separated italic caps links in 6–10, a small secondary button in 11–12.

NNorthfold

Booking projects from June 2026

Services
/
Work
/
About
/
Contact

Start a project