Social Proof Section With Inline Avatar Quotes

Reach for this when the quotes should read as one paragraph, not a stack of cards. Each voice is a short sentence with a face in the line. Hover or focus one line and the rest of the copy dims and blurs so the picked voice can stand alone. A name and role lift off the avatar. Keep every sentence in the DOM. A screenshot of five faces is not this block.

Skip it when the quotes are long, or when you need metrics on the same surface. A paragraph of praise with no names is a brochure. The shipped copy is a fictional studio floor, so replace the lines, the names, and the avatars before this goes to production. The section follows light and dark. The orange name label stays orange in both so it still reads as the hover accent.