testimonial.swiss-hanging-quote · Hanging quote

A testimonial pattern from Swiss International, 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.swiss-hanging-quote". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule
The quote (step 5) starts at column 3 with hanging punctuation in the gutter; attribution aligns to the same line below. No avatars, no stars.
Slots
sectionLabel, quote, author, role
Grid areas
label 1-2 · quote 3-10 · attribution 3-6 (12-column grid, 1-based inclusive spans)
Tokens
bg #FAFAFA · text #1F1F1F · heading #0F0F0F · accent #E2271D · accent2 #850001 · Inter Tight / Hanken Grotesk · radius 0px · space unit 8px (full list in design/tokens.json)

Pattern notes

  • A full-width hairline, the label in 1–2 and the quote in 3–10 at step 5 (weight 500, max ~34 ch), with the opening quotation mark hung outside the text block so the letters align on column 3. Attribution (bold name, muted role) on the same column-3 line below. No avatars, logos or stars.

Kind words

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

Hanna Lindqvist

CEO, Corvid Robotics