testimonial.dot-quote-glyph · Glyph quote

A testimonial pattern from Dot Matrix, drawn alone below with this design's tokens and sample copy. Used in this design on: home page, section 7. Give the section root data-pattern="testimonial.dot-quote-glyph". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule
A big surface tile in 1–8: signal dot, the quote in the dot face at step 4 and the name with a mono role; two smaller quote widgets stacked in 9–12.
Slots
quote, author, role, quotes[2..2]
Grid areas
main 1-8 · side 9-12 (12-column grid, 1-based inclusive spans)
Tokens
bg #000000 · text #E6E6E6 · heading #FFFFFF · accent #D71921 · accent2 #FFFFFF · Doto / Space Grotesk · radius 24px · space unit 4px (full list in design/tokens.json)

Pattern notes

  • A surface widget in 1–8 (padding 40 × 32 px): the red signal dot at the top, the quote in the dot face at step 4 (≤30 ch, keep it to three lines), and the name (body face, 700) over a mono role at the bottom. Two surfaceAlt quote widgets stacked in 9–12, each the quote in the body face at the top and a mono name at the bottom.
“They understood our product faster than our own sales team did.”

Hanna Lindqvist

CEO, Corvid Robotics

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

Hanna Lindqvist

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

James Okafor