Slopless Design

footer.bauhaus-primary-band · Primary band

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

Rule

Three equal colour blocks with no gap: wordmark on accent (1–4), links on yellow (5–8), address and legal on accent2 (9–12).

Slots

siteName, pages, address, legal

Grid areas

logo 1-4 · links 5-8 · info 9-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)

Section

full-bleed · vertical padding step 0

Pattern notes

The footer is three equal blocks, edge to edge: the lowercase wordmark on accent (1–4, onAccent), the page links stacked on yellow (5–8), and the address plus legal line on accent2 (9–12, onAccent2). At phone width the blocks stack as three flush bands with no gap between them.