footer.collage-scrap-footer · Scrap footer

A footer pattern from Maximalist Collage, 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="footer.collage-scrap-footer". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule
A blob in 1–2, boxed wordmark in 3–5, links stacked in 6–8, an inline newsletter form in 9–12, the mono legal line across the grid.
Slots
siteName, pages, newsletter, legal
Grid areas
blob 1-2 · logo 3-5 · links 6-8 · newsletter 9-12 (12-column grid, 1-based inclusive spans)
Tokens
bg #FDF9F4 · text #241E16 · heading #150E06 · accent #FF5A1F · accent2 #00B671 · Abril Fatface / Syne · radius 4px · space unit 6px (full list in design/tokens.json)
Section
background surface · vertical padding step 6

Pattern notes

  • On the surface colour: an accent blob in 1–2 (hidden on phones), the boxed wordmark in 3–5, stacked plain links in 6–8, an inline newsletter form in 9–12 and the muted mono legal line across the grid.
Northfold
  • Services
  • Work
  • About
  • Contact
you@example.com
Subscribe

© 2026 Northfold. All rights reserved.