albie.school
Design analysis
This feature band repeats the whiteboard visual language while explaining the learning loop with a short checklist, making the product benefit concrete rather than abstract.
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-1791439549-2.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 ## Before you start Ask what the user's core product capability is and what evidence makes it valuable. Ask which visual asset best demonstrates it, then adapt this structure to the user's brand. Build a generous two-column feature section with text on the left and a large demonstration visual on the right. Include a small cream eyebrow label, a two-to-three-line bold headline, a short explanatory paragraph, and three or four checkmarked benefits. Use a blue background around #68B5DC, navy typography #17263A, cream label surfaces #F6E5AF, and green only for positive accents. Keep the text column vertically centered with the visual, use a max-width around 1100px, and leave substantial top and bottom padding. Add a subtle decorative grounding element if the product benefits from playfulness, but keep it subordinate to the content. Ensure the checklist remains readable and stacks cleanly on mobile. Never: copy logos, product names, copy, illustrations, or imagery from the reference.
kage