## 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/adant-2-0/1b13b0a2-e64e-418d-a933-0f40a66c40ee-1792044358-3.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/adant-2-0/1b13b0a2-e64e-418d-a933-0f40a66c40ee-1792044250464-full.webp
- Component on Kage: https://kage.design/component/adant-2-0-feature-grid-2

## Before you start
Ask what the user's product's major workflow stages are, which proof points matter most, and what interface screenshots or diagrams can demonstrate them. Then design an original editorial feature sequence.

Build a long alternating feature section. Begin with a compact section intro and a row of small stage tabs or anchors. Follow with four generous two-column rows; alternate text-left/image-right and image-left/text-right. Each row needs an uppercase numbered overline, a two-line benefit headline with one accent-coloured phrase, a short paragraph, three concise checkmarked proof points, and an optional small attribution/status line. Pair it with a rounded interface preview, diagram, or abstract product panel on a pale blue-gray surface. Use #FFFFFF, #F5F8FC, #111318, muted #66717F, and accent #4B8EDC. Set a 48–56px desktop heading, 15–16px body copy, 11px metadata, 72–120px row gaps, 40–56px column gaps, 24px radii, and low-contrast borders. On mobile, stack each row with text first and retain the alternating rhythm through background or spacing rather than awkward ordering.

### Never
- Never use logos, product names, copy, illustrations, or imagery from the reference.
- Never copy the reference's four feature topics, screenshots, or exact layout content.
- Never turn every row into a generic card grid; preserve the narrative progression.