## 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/resend-com/a5fe426a-0829-45e6-9969-dd938a799528-1789141642-5.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/resend-com/a5fe426a-0829-45e6-9969-dd938a799528-1789137406155-full.webp
- Component on Kage: https://kage.design/component/resend-feature-grid-3

## Before you start
Ask what the user's product is, who it serves, and what its brand voice and visual identity are. Apply the following principles to that product rather than reproducing the reference.

Design a centered product-feature section for a visual editor. Place a small abstract accent above the heading, then a concise headline and supporting paragraph. Under it, show a wide framed editor mockup with a dark toolbar and a bright document canvas so the contrast communicates the workflow instantly. Use a black page background, #111214 chrome, #252628 borders, 14px outer radius, and soft shadow/glow. Keep the mockup as a responsive CSS-built placeholder or neutral UI skeleton, not a screenshot; preserve a strong focal point and generous top/bottom spacing. On mobile, crop or simplify the editor while retaining the main action.

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