Kage Design logo kage
sweetgreen.com
sweetgreen.com call to action component

Design analysis

A pale green business-focused panel pairs a large left editorial headline and linked service list with a tall rounded image on the right, making several workplace paths scannable.

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/sweetgreen-com/33a74ca8-f609-4778-a60f-a45f3e4cc9aa-1789146472-3.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/sweetgreen-com/33a74ca8-f609-4778-a60f-a45f3e4cc9aa-1789146430759-full.webp
- Component on Kage: https://kage.design/component/sweetgreen-cta

## Before you start
Ask what business or team-oriented offering the user's product has and what actions visitors should take. Use the user's brand voice, colour palette, and imagery.

Create a wide split-layout promotional section on a soft sage background with approximately 56% text column and 44% image column. Add a small eyebrow, an oversized multi-line headline, and three vertically stacked service links; each link should have a bold underlined label followed by one or two lines of supporting copy. Align all text to a shared left edge and give the section generous 28–40px padding. Place one tall, rounded-corner lifestyle image on the right, using object-fit cover and a crop that feels editorial. Keep the panel airy, with the image vertically centered and a clear responsive stack on mobile. Links should gain a colour or underline transition on hover.

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

More components