bilt.com
Design analysis
Three dark quote cards provide concise third-party validation beneath a plain-language proof heading, with a simple carousel affordance at the right.
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/bilt-com/b723ca8c-1652-4a12-a0a7-d6e12612eb4d-1789146826-7.webp - Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/bilt-com/b723ca8c-1652-4a12-a0a7-d6e12612eb4d-1789146766657-full.webp - Component on Kage: https://kage.design/component/bilt-testimonials ## Before you start Ask what the user's product, audience, and brand are. Then create credible proof appropriate to that product. Build a testimonial section with a concise heading and optional carousel controls aligned to the right. Below it, show three equal dark quote cards. Each card should include a small source/category label and a short, highly legible quote; keep the cards visually quiet so the words carry the authority. Design language: #020b15 page background, cards around #07131e or #0d1b26, off-white quote text #edf2f4, muted source labels #a7b3bc, 12px radius, and 1px rgba(255,255,255,.06) borders. Use 24px gaps, 28–32px card padding, 16–18px quote type, and 72px vertical padding. On mobile, use a one-card carousel or stacked cards. Controls should be accessible and never be the only way to discover additional testimonials. Never: use logos, product names, copy, illustrations, or imagery from the reference.
kage