## 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-1789146473-5.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-form

## Before you start
Ask what audience the signup serves, what incentive or message should appear, and which digital platforms the user's product supports. Match the user's brand system.

Create a compact utility section on an off-white background with two equal columns separated by a fine vertical divider. The left column contains a small uppercase eyebrow, one sentence of value-oriented signup copy, and a wide outlined email field with placeholder text and a right-aligned arrow submit control. The right column contains a matching eyebrow and vertically stacked platform links with arrows, optionally accompanied by a small product/app mark supplied by the user. Use 28px side padding, restrained dark text, thin olive-grey borders, and a comfortable 16–20px internal rhythm. Stack columns and remove the divider on mobile. Include visible focus states and accessible labels.

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