## 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-1.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-hero

## 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 two-column hero directly below the navigation. Give the text column roughly 45% width, with a large 42–56px bold headline, an occasional italic or expressive emphasis treatment, concise supporting copy, and a rounded primary CTA. Put a product screenshot or abstract product visualization in the other column, allowing layered cards and decorative accents to create depth without overwhelming the message. Use an airy white background, near-black/navy text #07151a, muted body text #4b5a5c, mint CTA #20d982, and restrained pastel accents such as #dcecff and #fff0a8. Align both columns vertically around the middle and leave generous top and bottom whitespace. Make the CTA keyboard accessible and add a responsive stacked layout.

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