## 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/blenny/33d02076-57e4-4143-93c3-5008f6d9015f-1791180361-6.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/blenny/33d02076-57e4-4143-93c3-5008f6d9015f-1791180160992-full.webp
- Component on Kage: https://kage.design/component/blenny-feature-grid-4

## Before you start
Ask the user what their product is, who it is for, and what their brand voice and visual identity are. Apply the principles below to that product rather than reproducing this reference.

Design an installation/onboarding section with a large heading and four numbered steps. Use circular, high-contrast number badges connected by spacing rather than a literal line; each step gets a bold action and a short explanation with links where appropriate. Place a product/setup screenshot or diagram to the right on desktop and below the steps on mobile. Use a deep navy-blue background around #0b4f78, pale cream text, cyan number badges around #75e9ed, and a light mockup surface with a 14–18px radius. Keep the step sequence easy to scan, use semantic ordered-list markup, and make links underlined or otherwise visibly distinct.

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