oku.club
Design analysis
A wide, edge-to-edge strip of small content cards conveys active community use through varied cover thumbnails and short activity labels.
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-1789146244-6.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-gallery ## Before you start Ask what recent user activity or content the product can showcase and whether the experience should be a static strip or interactive carousel. Match the user's brand and content model. Build an edge-to-edge horizontal activity gallery beneath the social-proof section. Show a row of compact cards with a thumbnail or cover area, a small avatar/status marker, muted metadata, and one or two lines of activity text. Allow the row to clip or horizontally scroll so it feels like a live stream rather than a rigid grid. Keep the card height consistent and the visual density low. Use white cards, `#ededed` borders, 8px radius, subtle shadows, near-black text, gray metadata, and 12–16px gaps. Provide arrow controls or touch scrolling where appropriate, with visible focus states and a reduced-motion fallback. Never: use logos, product names, copy, illustrations, or imagery from the reference.
kage