Calm — Hero
Edge-to-edge photographic mountain-and-lake landscape with a transparent navigation bar (logo, menu links, Log In, white pill 'Try Calm for Free') over the image. The headline 'Calm your mind. Change your life.' and subcopy sit below the photo on a soft gradient with a violet primary button and a ghost 'Already have an account?' button.
This is a static, crawlable rendering for search & AI engines. The interactive version — filters, live decode console, copy & export — is at https://mozaika.design/inspiration/calm-full-bleed-mountain-lake-hero-with-transparent-nav.
Measured spec
| Scheme | light |
| Background | #F7F7F7 |
| Text | #51697C |
| Accents | #7B9CBE |
| Contrast | 5.35 |
| Columns | 1 |
| Alignment | left |
| Whitespace | dense |
| Density | 0.575 |
| Measured size | 1600×980 px |
Palette
#3a5a82#8aa6c0#dfe7f0#4f63d2
Page types
Detail
UI elements
Navigation Bar
Context
- Parent page: Calm meditation app landing with full-bleed mountain-lake hero and serene blue gradient flow
- All of Calm
Other sections on this page
- Feature — Three-icon benefit row (Stress less / Sleep more / Live mindfully)
- Gallery / Showcase — Tilted overlapping content cover carousel
- Testimonial / Social Proof — Over 2 million 5-star reviews carousel
- Pricing / Plans — Free trial pricing block over ocean-wave photo
- Gallery / Showcase — Blog resources card carousel
- FAQ — Categorized accordion FAQ
- Footer — Deep navy multi-column footer