`testimonial.bauhaus-quote-field` · Quote field

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

Rule: A full accent2 field: a yellow circle on 1–4, the quote lowercase at step 4 on 5–12 in onAccent2, attribution under it.
Slots: quote, author, role
Grid areas: circle 1-4 · quote 5-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: background accent2

Pattern notes

Section background accent2, bleeding edge to edge. A yellow circle fills 1–4 vertically centred. The quote on 5–12 at step 4 (lowercase, weight 500, onAccent2, max ~34 ch), then the author (weight 700) and role in onAccent2. No quotation-mark glyph — the circle is the mark. At phone width the circle shrinks to 96 px above the quote.

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

Hanna Lindqvist

CEO, Corvid Robotics