Kage Design logo kage
albie.school
Albie feature grid component

Design analysis

This green feature band showcases a broad catalogue through a colourful visual on the left and a confident explanatory block on the right.

Prompt preview
## 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/albie/924ea594-904d-48ee-866c-6d109761f321-1791439551-5.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/albie/924ea594-904d-48ee-866c-6d109761f321-1791439457023-full.webp
- Component on Kage: https://kage.design/component/albie-feature-grid-4

## Before you start
Ask what range of products, subjects, workflows, or use cases the user's offering covers. Ask which proof visual can make that range immediately scannable.

Build a split feature section on a fresh green background around #57B978. Put a compact catalogue, matrix, or product-family visual on the left and the heading plus two short paragraphs on the right. Use a cream eyebrow label around #F7E6AE, dark navy #17263A, and small coloured accents to differentiate categories without turning the section into a dense dashboard. Align the visual and text to a common center line, use generous whitespace, and preserve a strong reading order on mobile. Keep decorative scenery optional and subordinate to the main value proposition.

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

More components