Kage Design logo kage
albie.school
Albie feature grid component

Design analysis

The purple band explains the secondary audience benefit with calm copy and a supporting record-and-notification visual, balancing reassurance with product specificity.

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-6.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-5

## Before you start
Ask who the secondary stakeholder is, what reassurance they need, and what product evidence can establish trust. Apply the structure to that audience and brand.

Create a calm two-column feature section on a lavender background around #A990D8. Use the left column for a strong, short headline and two compact paragraphs; use the right for a visual showing the relevant record, report, notification, or outcome. Keep the tone reassuring rather than sales-heavy. Use dark navy #17263A for type, cream paper-like labels #F8E7B1, and restrained red or green accents only for status cues. Maintain large vertical padding, soft 10–16px corners on interface mockups, and a clear responsive stack. Make the section work without the illustration by ensuring the copy communicates the benefit alone.

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

More components