## 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/public-com/cb41c975-325f-4844-b439-84e9d28bd7b7-1789146534-2.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/public-com/cb41c975-325f-4844-b439-84e9d28bd7b7-1789146490836-full.webp
- Component on Kage: https://kage.design/component/public-feature-grid

## Before you start
Ask what the user's product and brand are, then apply these principles to that context rather than reproducing the reference.

Build a centered category marquee beneath a hero. Arrange many short product categories across three or four wrapping rows, using large editorial serif text, small dot separators, and occasional compact inline badges for noteworthy rates or terms. Let the rows breathe vertically and keep the whole block inside generous horizontal margins. Use #111111 text on white, gray separators (#8A8A8A), tiny dark badges with white text, 28–32px type, and no card borders. The list should wrap gracefully on smaller screens and remain scannable rather than behaving like a dense navigation menu.

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