Kage Design logo kage
oku.club
oku.club gallery component

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.

More components