Calm — Gallery / Showcase
A diagonally-tilted, overlapping fan of Sleep Story and content cover tiles (named narrators like Erik Braa, Tamara Levitt) that spans the full width like a spread deck of cards, conveying the depth of the library.
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-tilted-overlapping-content-cover-carousel.
Measured spec
| Scheme | light |
| Background | #F0F1EE |
| Text | #102C4B |
| Accents | #7AA7C7, #102C4B, #4C80AA |
| Contrast | 12.48 |
| Columns | 1 |
| Alignment | left |
| Whitespace | dense |
| Density | 0.812 |
| Measured size | 1600×582 px |
Palette
#2a3a5c#7b8fd6#a8b8d8#1b2540
Page types
Detail
UI elements
Card
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
- Hero — Full-bleed mountain-lake hero with transparent nav
- Feature — Three-icon benefit row (Stress less / Sleep more / Live mindfully)
- 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