Preview image. Unlock full-res
A modular dashboard grid combining varied card sizes, soft pastel colors, line illustrations, and informational content designed for educational or sustainability-focused digital learning.
Summary
A bento-style card dashboard for educational or sustainability content combining varied card sizes and colors, simple line illustrations, bold headlines, and structured information design to make complex topics approachable.
Visual description
Asymmetric grid layout (8-9 cards of mixed sizes) anchored by a dark green border frame. Top-left: cream card with bold yellow headline "The method of payment is very good. We prefer..." and yellow highlight. Upper-middle: light sage-green card with centered line illustration of a simple cylindrical bottle or container, minimal. Upper-right: lavender card titled "Unlocked Flows" with body text. Right side: pale-purple card labeled "Roller Size" with small body copy. Lower-left: dark green card displaying "100K+" in large white type (stat card). Lower-middle: forest-green card with bold white headline "Helping microenterprises carbonising whilstthe time to ..." and contrasting content below. Lower-right: off-white card with FAQ-style accordion (question + answer expandable). Bottom: cream card with single question prompt. Consistent use of sans-serif family; bold, large type for headlines; muted, smaller type for body. Color palette balances warm cream/yellow with cool sage/lavender/dark green tones. All type and illustrations are digital and clean (no shadows, gradients, or texture).
Key takeaway
The asymmetric bento grid that mixes card sizes and orientations while maintaining visual balance and clarity. The restrained, pedagogically focused color palette (cream, yellow, sage, lavender, dark green) that feels calm and approachable rather than chaotic. Simple line illustrations that explain concepts without overloading the design. The card-based modular structure that allows for content flexibility and can scale to any number of information types.
Reuse notes
Excellent pattern for educational dashboards, learning management systems, sustainability/impact-focused platforms, or any content-heavy tool where multiple information types (stats, how-tos, FAQs, visual explanations) need to coexist. Works well on both desktop and responsive layouts when carefully stacked on mobile. The soft pastel palette conveys trust and approachability in fintech, nonprofit, or EdTech contexts. Best paired with clear information hierarchy and white space to avoid feeling cluttered.
