hinge.co
Design analysis
A work-focused call to action places a text block on the left beside a horizontally arranged strip of rounded team photographs that extends beyond the viewport.
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-1789146938-5.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 ## 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. Create a light careers or community CTA with a two-zone layout: a compact left text column containing an eyebrow, large serif heading, short sans-serif copy, and pill CTA; and a horizontally scrolling media strip on the right. Use 2–3 portrait-oriented rounded image cards with consistent gaps, allowing the final card to be partially clipped to signal horizontal continuation. Align the text vertically around the image midpoint. Use an off-white background `#F8F7F4`, dark text `#171717`, 8px image radius, 24px minimum gaps, and a dark pill button. Make the image strip draggable/swipeable and keyboard navigable, with no intrusive scrollbar. Never use the reference logo, product name, exact labels, copy, illustrations, or imagery.
kage