## 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-1789146452-2.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

## 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 benefits section with a centered two-line heading, then a broad two-column content area. Stack three concise benefits with small friendly icons, bold labels, and short explanatory paragraphs in the left column; place a large rounded video/product preview in the right column. Add a circular play control over the preview, subtle image darkening, and a centered CTA below the content. Use navy headings #073544, charcoal body text #4c5658, white background, pale blue/yellow icon accents, 16–24px spacing between benefits, 18–24px panel radius, and a 208–260px visual height depending on viewport. On mobile, stack the preview after the benefits and keep the play target large.

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