## Reference images

Study these alongside the description below: hierarchy, rhythm, spacing, colour. Build for the product you are asked about, using this design language.

- Component: https://kage-design-assets.t3.tigrisfiles.io/components/loqua/e5cf041a-edc7-487a-b4b8-8f4d563da4de-1789192875-7.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/loqua/e5cf041a-edc7-487a-b4b8-8f4d563da4de-1789192838731-full.webp
- Component on Kage: https://kage.design/component/loqua-testimonials

## Before you start
Ask who the user's most credible customer groups are and what authentic outcomes they can verify. Use real, permissioned proof or clearly labeled placeholders.

Build a dark social-proof section with a near-black background (`#171815`) and rounded outer corners around 28–36px. Center a large cream serif headline, followed by a muted supporting sentence. Below, stack compact testimonial cards in a single readable column; use charcoal surfaces (`#242521`), subtle 1px borders (`#3b3b35`), 14–16px radii, a small avatar placeholder or initials, author name/role, and a short italic or regular quote. Keep each card approximately 56–80px tall so a large collection feels like a community wall rather than a few oversized case studies. End the section with a bordered inset panel containing a concise reassurance question and several small lime or pale-green action pills. Preserve strong contrast and generous outer padding.

Never:
- use logos, product names, copy, illustrations, or imagery from the reference
- invent customer identities, quotes, or outcomes
- use unlicensed headshots