## 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/speechka/662d10a3-b9d2-40f0-bccc-e5bde29d7609-1790229790-4.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/speechka/662d10a3-b9d2-40f0-bccc-e5bde29d7609-1790229722330-full.webp
- Component on Kage: https://kage.design/component/speechka-hero-2

## Before you start
Ask what the user's product is, who it serves, and what brand personality and visual identity it should use. Apply the principles below to that product rather than reproducing the reference.

Build a two-column use-case story with copy on the left and a large rounded media frame on the right. Start with a small eyebrow, then a clear benefit-oriented heading, two short paragraphs, and one red primary CTA. Keep the media prominent, crop it consistently, and use a dark overlay only when text is placed over it. Set the page to #111111, use #f4f4f4 headings, #858585 body text, red #ed171b buttons, 8–12px media radius, and restrained #252525 borders. Maintain a deliberate asymmetrical balance on desktop and stack media below copy on mobile.

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