Kage Design logo kage
context.dev
Scrape Anything by Context.dev testimonials component

Design analysis

A centered heading leads into one large featured testimonial and three smaller testimonial cards, all using restrained white-card styling.

Prompt preview
## 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/scrape-anything-by-context-dev/b0e64468-3924-45db-a4d8-d7cbe8044a77-1791871397-9.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/scrape-anything-by-context-dev/b0e64468-3924-45db-a4d8-d7cbe8044a77-1791871314047-full.webp
- Component on Kage: https://kage.design/component/scrape-anything-by-context-testimonials

## Before you start
Ask what the user's product, audience, and brand are, then design credible testimonials for that audience.

Create a testimonial section with a small proof eyebrow, centered headline, and short intro. Use a masonry-like arrangement: one wide featured quote card on top or left and three smaller cards beneath or beside it. Each card should contain a neutral avatar placeholder, name and role metadata, a readable quote, and a low-emphasis link or action. Keep the tone editorial and trustworthy. Use #FFFFFF cards on a #FAFBFC background, 1px #E5E7EB borders, 16px radii, subtle shadows, 20–28px internal padding, and dark text with muted metadata. Ensure the layout collapses cleanly to a single-column feed on mobile.

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

More components