Kage Design logo kage
hinge.co
hinge.co call to action component

Design analysis

A dark editorial CTA introduces press resources with a concise heading, supporting line, prominent light button, and a divider leading into the footer.

Prompt preview
## 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/hinge-co/fc8d8d16-7276-4f4c-b1c9-567702ba4b3c-1789146939-6.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/hinge-co/fc8d8d16-7276-4f4c-b1c9-567702ba4b3c-1789146918698-full.webp
- Component on Kage: https://kage.design/component/hinge-cta-2

## Before you start
Ask what the user's product and brand are, then apply the principles below to their context rather than reproducing this reference.

Build a dark press/newsroom CTA with a small eyebrow, a large serif headline, one short explanatory sentence, and a high-contrast light pill button. Keep the content left aligned inside a wide container and use generous vertical padding. Finish with a thin horizontal divider and enough breathing room before the footer. Approximate colours: background `#191919`, heading `#F5F2EE`, body `#DDD8D2`, button `#FFFFFF`, button text `#171717`, divider `#454545`; use a 999px button radius and subtle hover inversion.

Never use the reference logo, product name, exact labels, copy, illustrations, or imagery.

More components