testimonial.memphis-speech-bubble · Speech bubble

A testimonial pattern from Memphis, 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.memphis-speech-bubble". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule
The quote in a big outlined speech bubble on 2–9 with a triangle tail at column 3; author under the tail; a large accent2 circle on 10–12.
Slots
quote, author, role
Grid areas
bubble 2-9 · tail 3-3 · author 3-9 · circle 10-12 (12-column grid, 1-based inclusive spans)
Tokens
bg #FDF9F4 · text #241E16 · heading #150E06 · accent #FF5FA2 · accent2 #9AAE00 · Bricolage Grotesque / DM Sans · radius 12px · space unit 8px (full list in design/tokens.json)

Pattern notes

  • An outlined bubble on the surface colour on 2–9 holding the quote at step 4 (quote role, no explicit weight). A small triangle (heading colour, rotated 180°) under its lower-left edge on column 3 forms the tail. Under the tail on 3–9: the author (h4) and role (small). A large circle in accent2 with a black outline on 10–12 across all rows. At phone width the circle hides.
“They understood our product faster than our own sales team did.”

Hanna Lindqvist

CEO, Corvid Robotics