oku.club
Design analysis
A white social-proof section balances a large editorial statement on the left with two stacked testimonial cards on 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/oku-club/e710a983-c1d6-4177-b014-2738acd07d09-1789146243-5.webp - Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/oku-club/e710a983-c1d6-4177-b014-2738acd07d09-1789146208773-full.webp - Component on Kage: https://kage.design/component/oku-club-testimonials ## Before you start Ask who the user's customers are, what credible outcomes they report, and whether testimonials should look like quotes, posts, or case-study snippets. Apply the user's brand voice and privacy requirements. Create a testimonial section with a two-column layout: a large serif statement and concise supporting paragraph on the left, and two vertically stacked quote cards on the right. Make the testimonials feel authentic through compact metadata, avatar placeholders, timestamps, or source indicators, but keep the hierarchy focused on the quote. Use a generous white background and ample whitespace rather than a dense wall of reviews. Use near-black `#080808`, muted gray `#626262`, white cards with `#e4e4e4` borders, 8px radius, subtle shadow, 24px card padding, and a 40/60 column split. Make cards keyboard accessible if they link to full stories. Stack the columns on mobile. Never: use logos, product names, copy, illustrations, or imagery from the reference.
kage