## 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/lune/4bf7ff48-f6a1-4cc9-aba1-cb69c6f24fa8-1791698508-1.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/lune/4bf7ff48-f6a1-4cc9-aba1-cb69c6f24fa8-1791698434673-full.webp
- Component on Kage: https://kage.design/component/lune-feature-grid

## Before you start
Ask what the user's product does and which three benefits matter most. Use those answers to replace the example content while preserving the information architecture.

Build a feature section with a small colored eyebrow, a large serif section heading, and a muted one-line summary. Below it, place three equal-width cards in one bordered container, separated by vertical hairlines. Each card has a tiny line icon, a short serif or medium-weight title, and two lines of practical supporting copy. Under the cards, add a compact horizontal filter/category row and a lightly bordered carousel-like panel of expert profiles or content sources with cropped monochrome thumbnails, names, and a short explanatory footer. Use warm off-white #f8f8f5, white cards #fff, text #1d1d1b, muted #7c7c75, borders #deded8, and an accent badge in dusty blue/teal #617b86. Use 8–10px card radius, 20px internal padding, 12px labels, and 28–40px vertical gaps. Make the profile strip horizontally scrollable on small screens and keyboard accessible.

Never: use the reference's logos, product names, copy, illustrations, imagery, or exact profile faces.