footer.bauhaus-shape-row · Shape row

A footer pattern from Bauhaus, 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.bauhaus-shape-row". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule
A 4 px bar, then circle, square and triangle in a row on 1–3, the wordmark on 4–6, links on 7–10 and legal on 11–12.
Slots
siteName, pages, legal
Grid areas
shapes 1-3 · logo 4-6 · links 7-10 · legal 11-12 (12-column grid, 1-based inclusive spans)
Tokens
bg #FDF9F4 · text #241E16 · heading #150E06 · accent #0050CC · accent2 #AF0029 · Jost / Jost · radius 0px · space unit 8px (full list in design/tokens.json)

Pattern notes

  • A 4 px bar in the heading colour across the grid, then one line: three 24 px shapes (circle accent, square accent2, triangle yellow) on 1–3, the lowercase wordmark on 4–6, links in a row on 7–10 and the legal line (small, muted) on 11–12.
Northfold
  • Services
  • Work
  • About
  • Contact

© 2026 Northfold. All rights reserved.