## 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/coldiq-x-slack/e029c4ff-104d-4249-8c7e-44961fb1d1f9-1790748089-9.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/coldiq-x-slack/e029c4ff-104d-4249-8c7e-44961fb1d1f9-1790748039437-full.webp
- Component on Kage: https://kage.design/component/coldiq-x-slack-cta

## Before you start
Ask what final action the user's product wants visitors to take and what reassurance or secondary path should sit beside it. Apply the principles to that conversion goal.

Create a wide split CTA on the light background. Keep the left half text-led with a short serif headline, one supporting sentence, a filled primary button and a quiet secondary link, followed by a low-friction reassurance line. Use the right half for an abstract brand-relevant visual treatment such as blurred gradients, motion streaks, or a generated data texture; it should add energy without carrying essential information.

Use #f7f6f1, #20211e, #70716b, and #ff8a00. Give the band a 1px soft border, no more than 2px radius, and generous 40–56px padding. Use a 32–40px headline, 14px support copy, and 44px buttons. Keep the visual and text halves equal on desktop, stack them on mobile, and ensure both CTAs have clear hover and focus states.

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