testimonial.frosted-floating-quote · Floating quote

A testimonial pattern from Frosted Glass, 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.frosted-floating-quote". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule
A blob and a ring glow behind; one frosted quote panel floats on 3–10 with the quote at step 3 and a round avatar with name and role.
Slots
quote, image, author, role
Grid areas
glowA 1-5 · glowB 9-12 · panel 3-10 (12-column grid, 1-based inclusive spans)
Tokens
bg #0A0F1F · text #E4EAF6 · heading #FFFFFF · accent #6E8BFF · accent2 #A67AE8 · Sora / Manrope · radius 22px · space unit 8px (full list in design/tokens.json)

Pattern notes

  • An accent blob on 1–5 and an accent2 ring on 9–12 sit behind (hidden on phone). One frosted panel on 3–10 holds the quote at step 3 weight 500 (max 44 ch) and a row with a round avatar, the name (600) and a muted role.
“They understood our product faster than our own sales team did.”

Hanna Lindqvist

CEO, Corvid Robotics