content.bauhaus-manifesto · Manifesto

A content pattern from Bauhaus, drawn alone below with this design's tokens and sample copy. Used in this design on: home page, section 2; about page, section 1. Give the section root data-pattern="content.bauhaus-manifesto". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule
A giant accent2 index numeral in 1–3; the statement in lowercase at step 4 across 4–12, an accent bar beneath, then two body columns 4–8 and 9–12.
Slots
index, statement, body, body2
Grid areas
index 1-3 · statement 4-12 · body 4-8 · body2 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)

Pattern notes

  • Columns 1–3 hold one giant numeral (step 8, weight 700, accent2) — the section's number, like a workshop programme. Columns 4–12: the statement at step 4 (lowercase, weight 500, max ~30 ch), a 16 px accent bar, then the body split into two columns, 4–8 and 9–12. At phone width the numeral sits above the statement at step 6.

06

Most rebrands fail because they start with a logo. Ours start with a sales call recording and a spreadsheet of lost deals.

Each engagement starts with a two-week audit: interviews with customers, sales and the people who build the product. The brief writes itself after that.

We hand over everything — source files, a living brand system and a website your team can edit without calling us.