Slopless Design

footer.swiss-colophon · Colophon

A footer pattern from Swiss International, 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.swiss-colophon". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule

Four column zones under a 2px rule: wordmark 1–3, links stacked 5–6, address 7–9, legal 10–12. Small type only.

Slots

siteName, pages, address, legal

Grid areas

logo 1-3 · links 5-6 · address 7-9 · legal 10-12 (12-column grid, 1-based inclusive spans)

Tokens

bg #FAFAFA · text #1F1F1F · heading #0F0F0F · accent #E2271D · accent2 #850001 · Inter Tight / Hanken Grotesk · radius 0px · space unit 8px (full list in design/tokens.json)

Section

vertical padding step 6

Pattern notes

A 2 px rule, then four zones in small type: wordmark 1–3, page links stacked 5–6, address 7–9, muted legal line 10–12.