Preview image. Unlock full-res
Asymmetric grid layout with sage-green background, showcasing a 95% stat, nature photo, portrait, and customer testimonial in rounded-rectangle blocks.
Summary
Asymmetric grid layout with sage-green background, showcasing a 95% stat, nature photo, portrait, and customer testimonial in rounded-rectangle blocks.
Visual description
Soft pale-green background holds four asymmetric blocks: top-left, a large stat (95%) with gray body copy; top-right, a headshot portrait on muted brown; bottom-left, an oversized landscape photograph of wild grasses; bottom-right, a rounded pale-green container with an open-quote icon and multi-line testimonial in dark text, signed with location. All type is sans-serif. Container corners are rounded to 12-16px. Rounded-corner shapes soften the layout while maintaining clear visual separation between content types.
Key takeaway
Pair a bold metric with supporting photos and a real testimonial to build credibility. Use soft, muted earth-tones (sage, tan, warm brown) with high contrast text to feel calm without losing legibility. Rounded containers create a friendly, approachable mood even in a corporate context.
Reuse notes
Ideal for SaaS mental health, therapy, or wellness platforms. The asymmetric grid absorbs diverse content without feeling cramped. Works well on landing pages where you need to stack stat, image, and social proof. Avoid competing accent colors outside the warm-earth palette.
