## 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/moji/682da163-2f11-4698-8415-78d5458fc05f-1789193060-3.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/moji/682da163-2f11-4698-8415-78d5458fc05f-1789192951631-full.webp
- Component on Kage: https://kage.design/component/moji-feature-grid-2

## Before you start
Ask what six capabilities matter most for the user's product and which one should be highlighted. Ask for the user's brand colours, typefaces, and preferred level of visual ornament.

Build a light feature section with an eyebrow, a large editorial heading, and a one-sentence introduction above a 3-column by 2-row card grid. Each card needs a small line icon, a concise title, and two lines of explanatory copy. Use mostly warm-white cards on an ivory background, with one strategically highlighted charcoal card and reversed text. Approximate colours: section #f7f6f1, cards #fbfaf7, text #202124, muted text #77746d, dark card #202123, accent #b52b25. Use 1px #dedbd3 borders, 14px radii, 28–32px card padding, and consistent card heights. Add a subtle hover lift and border accent, but keep the layout calm. Collapse to one column on mobile.

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