testimonial.neobrutal-speech-wall · Speech wall

A testimonial pattern from Neo-Brutalism, drawn alone below with this design's tokens and sample copy. Used in this design on: home page, section 5. Give the section root data-pattern="testimonial.neobrutal-speech-wall". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule
Quotes as a masonry wall of bordered speech boxes in three columns; each ends with a coloured dot, a bold name and a small role.
Slots
title, items[3..6]
Grid areas
header 1-12 · wall 1-12 (12-column grid, 1-based inclusive spans)
Notes
Masonry keeps the boxes at natural height so the wall looks pinned up, not a row of equal cards.
Tokens
bg #FFF4DE · text #111111 · heading #000000 · accent #FF5FA2 · accent2 #00BCA1 · Archivo Black / Space Grotesk · radius 8px · space unit 8px (full list in design/tokens.json)

Pattern notes

  • Header row: h2 and a filled accent star. Then 3–6 quotes as a three-column masonry wall of white bordered boxes at natural height; each box holds the quote at step 1 (weight 400), then a row with a small accent2 circle, the bold name and a small role. No stars-rating rows.

From our clients

“They understood our product faster than our own sales team did.”

Hanna Lindqvist

CEO, Corvid Robotics

“Demo requests doubled in the quarter after launch. That paid for the project.”

James Okafor

CMO, Fieldstack

“The first agency that asked to talk to our engineers before our marketers.”

Clara Mendes

COO, Tidewater Labs