context.dev
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.
kage