content.brutalist-wall-of-text · Wall of text

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

Rule
An 8 px bar, a mono label, then a full-width uppercase statement at step 3 and two dense body columns 1–6 and 7–12.
Slots
sectionLabel, statement, body, body2
Grid areas
statement full · body 1-6 · body2 7-12 (12-column grid, 1-based inclusive spans)
Tokens
bg #FAFAFA · text #1F1F1F · heading #0F0F0F · accent #012FD3 · accent2 #4980FE · Space Mono / Space Mono · radius 0px · space unit 8px (full list in design/tokens.json)

Pattern notes

  • An 8 px bar in the text colour across the full width, a mono uppercase section label, the statement in uppercase at step 3 (heaviest weight, tight, full width, no max width), then the body in two columns 1–6 and 7–12 set tight (line-height 1.35). Dense on purpose. At phone width the columns stack.

About

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.