testimonial.midcentury-speech-blob · Speech blob

A testimonial pattern from Mid-Century Modern, drawn alone below with this design's tokens and sample copy. Used in this design on: home page, section 6. Give the section root data-pattern="testimonial.midcentury-speech-blob". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule
A big orange blob on 1–4 stands in for the speaker; the quote at step 3 sits on 5–11 with the uppercase name and role beside a small circle under it.
Slots
quote, author, role
Grid areas
blob 1-4 · quote 5-11 · attribution 5-11 (12-column grid, 1-based inclusive spans)
Tokens
bg #F3E9D6 · text #2B231B · heading #2B231B · accent #C9552A · accent2 #0099BE · League Spartan / Jost · radius 20px · space unit 8px (full list in design/tokens.json)

Pattern notes

  • A big orange blob on 1–4 stands in for the speaker (no avatar photo). The quote at step 4 (quote role, no explicit weight) on 5–12 (max 26 ch) is the focal point; under it on one line a teal dot (md), the name in spaced capitals and the role in muted small type.
“They understood our product faster than our own sales team did.”

Hanna Lindqvist

CEO, Corvid Robotics