blinkist.com
Design analysis
A strong section heading introduces a horizontally scrolling set of illustrated format cards, with the first card fully featured and navigation indicators below.
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/blinkist-com/923d3302-3f7c-4bf2-9567-691903266cb3-1789146453-5.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-feature-grid-2 ## 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. Create a format-selection section with a centered headline and one-line explanation. Below it, show an intentionally oversized horizontal card carousel where the active card is fully visible and adjacent cards peek in from both sides to invite swiping. Use a soft lavender active card, rounded 24px corners, editorial serif or display accents inside the card, concise copy, and a collage-like product/content visual on the right. Add pagination bars and chevron controls below. Use navy #073544, lavender #e9e4ff, warm cream #fff4d8, purple #6849c8, and restrained dark text. Keep the active card accessible, draggable or swipeable, and responsive. Never use the reference's logos, product names, copy, illustrations, or imagery.
kage