## 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/cadenya/d064e83b-00ab-4d52-aab7-77367964ea32-1789192868-6.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/cadenya/d064e83b-00ab-4d52-aab7-77367964ea32-1789192832645-full.webp
- Component on Kage: https://kage.design/component/cadenya-cta

## Before you start
Ask what the user's lowest-friction conversion action is and what visual can support it without distracting from the message. Build this section for that product and brand.

Design a two-column conversion CTA on a pale acid-lime background (#e5f59a or a suitable brand equivalent). Place a bordered text panel on the left with a compact editorial serif heading, a short practical paragraph, and one dark filled button with a small arrow affordance. Place a wide rectangular image, product render, or abstract visual on the right; keep it calm, spacious, and cropped consistently. Use dark forest text (#102f27), a 1px dark or translucent border, minimal radius (0–4px), and generous outer padding. The left panel should be vertically balanced with the visual rather than top-heavy. Use 32–46px heading typography, 12–14px mono/body copy, and a clear hover/focus state for the CTA. Stack the columns on mobile, placing the CTA copy before the visual.

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