## 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/qagent/ac07fafb-2e50-4f4b-8444-88a4bcf31a5f-1789711533-2.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/qagent/ac07fafb-2e50-4f4b-8444-88a4bcf31a5f-1789711433120-full.webp
- Component on Kage: https://kage.design/component/qagent-hero-2

## Before you start
Ask what the user's product is, who it serves, and what brand personality and visual system it should use. Then apply the principles below to that product rather than reproducing this reference.

Build a centered problem-framing section with a restrained editorial feel. Use a small optional brand marker or eyebrow, a two-line 34–46px heading, and two short paragraphs beneath it with a narrower reading measure. Keep the content vertically centered within a tall band, with a thin divider or rule near the lower edge to create rhythm. Use ivory (#f6f2e8), charcoal (#25231f), muted gray-brown body text (#777269), and a faint divider (#d5cfc2). Keep line height generous, heading weight medium rather than bold, and avoid visual clutter. Make the section responsive by reducing heading size and side padding.

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