footer.midcentury-boomerang-band · Mustard band

A footer pattern from Mid-Century Modern, drawn alone below with this design's tokens and sample copy. Used in this design on: every page, as the footer. Give the section root data-pattern="footer.midcentury-boomerang-band". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule
A mustard band: wordmark 1–3, links stacked 5–6, an inline newsletter form 8–12, legal under the wordmark.
Slots
siteName, pages, newsletter, legal
Grid areas
logo 1-3 · links 5-6 · newsletter 8-12 · legal 1-4 (12-column grid, 1-based inclusive spans)
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
background surfaceAlt · full-bleed · vertical padding step 6

Pattern notes

  • A full-bleed mustard (`surfaceAlt`) band: wordmark on 1–3, page links stacked on 5–6, an inline newsletter form (email + pill button) on 8–12, the legal line at the bottom of 1–4.
Northfold
  • Services
  • Work
  • About
  • Contact
you@example.com
Subscribe

© 2026 Northfold. All rights reserved.