## 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/omnea-co/444fd721-a6f8-467e-8179-cf278abe5ec1-1789142169-9.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/omnea-co/444fd721-a6f8-467e-8179-cf278abe5ec1-1789141735165-full.webp
- Component on Kage: https://kage.design/component/omnea-testimonials-2

## Before you start
Ask what the user's product is, who it serves, and what its brand personality and primary conversion goal are. Then apply the following principles to that product rather than copying the reference.

Build a social-proof library section with a centered headline, short eyebrow, and small outlined “view stories” action. Below, use a three-column responsive masonry or staggered grid of testimonial cards. Each card should have a tiny customer/category label, a 2–5 sentence quote, and a person attribution with optional small avatar. Vary card heights naturally but maintain generous whitespace and alignment. Use white cards on #fbfbfa, very subtle #e5e5e0 borders, 4px corners, 16–20px padding, and charcoal #202321 text. On mobile collapse to one column; consider progressive loading or a “show more” control rather than rendering an overwhelming wall at once.

Never use logos, product names, copy, illustrations, or imagery from the reference.