testimonial.y2k-chrome-chat-bubbles · Chat bubbles

A testimonial pattern from Y2K Chrome, drawn alone below with this design's tokens and sample copy. Used in this design on: home page, section 6; about page, section 3. Give the section root data-pattern="testimonial.y2k-chrome-chat-bubbles". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule
Testimonials as instant-messenger bubbles on 3–10: each bubble a rounded panel with the quote, then a row with a small accent dot, the screen name and a pixel timestamp.
Slots
sectionLabel, items[2..4]
Grid areas
thread 3-10 (12-column grid, 1-based inclusive spans)
Tokens
bg #F6FBFF · text #192028 · heading #091018 · accent #00B0FB · accent2 #7D9FFF · Unbounded / Sora · radius 28px · space unit 8px (full list in design/tokens.json)

Pattern notes

  • A pixel-font label on 3–10, then two to four bubbles stacked like a chat thread on 3–10 (alternate bubbles shift right by one column on desktop). Each bubble: surface colour, token radius with one sharp corner (the tail), 2 px border, the quote at lead size, then a row with a small accent circle (online dot), the author's screen name in bold and a pixel-font timestamp. At phone width bubbles span the full width.

Kind words

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

Hanna Lindqvist

CEO, Corvid Robotics

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

James Okafor

CMO, Fieldstack

The first agency that asked to talk to our engineers before our marketers.

Clara Mendes

COO, Tidewater Labs