## 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/blinkist-com/923d3302-3f7c-4bf2-9567-691903266cb3-1789146453-4.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/blinkist-com/923d3302-3f7c-4bf2-9567-691903266cb3-1789146395050-full.webp
- Component on Kage: https://kage.design/component/blinkist-gallery

## Before you start
Ask what the user's product, audience, and brand are, then apply these principles to that product rather than copying the reference.

Build a catalogue discovery section with a large centered heading, a short prompt, and a responsive wrapping grid of rounded topic pills. Use subtle off-white or pale blue pill backgrounds, small line icons, and one highlighted “popular” state. Under the filters, show a horizontal carousel of content covers/cards: make the center item larger than its neighbors, add left/right arrow controls, and attach a compact dark audio/player bar to the featured card. Finish with a centered CTA. Use navy #073544, soft mint #e8f6f1, pale yellow #fff4b8, pale blue #e0f0f7, 12–18px radius, and generous white space. Support keyboard carousel controls and horizontal overflow on mobile.

Never use the reference's logos, product names, copy, illustrations, or imagery.