Preview image. Unlock full-res
SaaS hero page with oversized muted-blue headline text, blurred garden background, and a smartphone mockup mockup showing a teal-to-orange gradient screen.
Summary
SaaS hero page combining a soft blurred garden background, oversized muted-blue headline, and a vertical smartphone mockup displaying a gradient screen interface.
Visual description
A centered white card sits on top of a heavily blurred garden background with soft pink flowers and teal sky. The card shows the mymind logo and navigation (What, Why, How, What's New) with a red-orange Sign up button at top-right. The main content is a four-line oversized headline in very light blue-grey: "The new companion to your mind." Below the fold, a smartphone mockup featuring a teal-to-orange-to-peach gradient screen and subtle soft focus. Small controls (Apple, play button) at bottom-left; a "Watch Intro" link with orange dot at bottom-right. The entire layout is vertically centered with abundant breathing room, emphasizing calm and clarity.
Key takeaway
The blurred background is quietly sophisticated, suggesting intimacy and focus while remaining completely non-invasive. The oversized, muted-blue headline reads as inviting rather than aggressive. Placing the product mockup below the fold respects user scroll, avoiding the "fold line" trap. The color harmony (cool blues and teals, warm peach accents) creates gentle contrast without visual conflict.
Reuse notes
Perfect template for healthcare, wellness, and consumer apps emphasizing calm, mindfulness, or personal well-being. Works best when your product screen is visually appealing (the gradient here does heavy lifting). The blurred natural background conveys humanity and approachability, making it less corporate than a clean gradient. Requires either genuine photography or a very convincing blur effect to avoid looking amateurish.
