Calm — Gallery / Showcase
'Check out our blog for more meditation, sleep, stress, and mental health resources.' heading above a row of photographic blog cards (panic-attack hands, lone tree at sunset) with category tag and title, a 'See all blogs' link, and carousel dots.
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-blog-resources-card-carousel.
Measured spec
| Scheme | light |
| Background | #F1F4F9 |
| Text | #5C5B5B |
| Contrast | 6.14 |
| Columns | 1 |
| Alignment | left |
| Whitespace | regular |
| Density | 0.326 |
| Measured size | 1600×973 px |
Palette
#eef2f8#c8a896#e0a85c#1b2a6b
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)
- 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
- FAQ — Categorized accordion FAQ
- Footer — Deep navy multi-column footer