footer.constructivist-red-base · Red base

A footer pattern from Constructivist, 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.constructivist-red-base". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule
A full-bleed red base opened by an 8 px rail (it reads as a cut from a red CTA above): the site name in capitals at step 7 across all 12 columns, tilted −4°, then slash links on 1–8 and legal on 9–12 in onAccent.
Slots
siteName, pages, legal
Grid areas
name 1-12 · links 1-8 · legal 9-12 (12-column grid, 1-based inclusive spans)
Tokens
bg #EFE6D2 · text #16130F · heading #16130F · accent #C8102E · accent2 #FF7777 · Anton / Barlow Semi Condensed · radius 0px · space unit 8px (full list in design/tokens.json)
Section
background accent · full-bleed · vertical padding step 6

Pattern notes

  • A full-bleed red base (`bg: accent`, `onAccent` text) opened by an 8 px rail in `onAccent`, so it reads as a separate sheet under a red CTA band: the site name in capitals at step 7 across all 12 columns, rotated −4°; under it slash-separated links on 1–8 and the legal line in small capitals on 9–12.

Northfold

  • Services
  • Work
  • About
  • Contact

© 2026 Northfold. All rights reserved.