Levels — Feature
Stacked feature blocks pairing large serif sub-headlines ('The app that helps you see', 'Bring your signals and your health story together') with floating dark phone-app mockups showing dashboards, logging and biomarker screens; bullet checklists run alongside.
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/levels-your-system-for-better-metabolic-health-app-mockups.
Measured spec
| Scheme | light |
| Background | #F7F7F5 |
| Text | #252728 |
| Contrast | 13.99 |
| Columns | 1 |
| Alignment | left |
| Whitespace | regular |
| Density | 0.326 |
| Measured size | 1600×2771 px |
Palette
#F1F0EB#16201C#1A1A18#7BC47F
Fonts
ttHovesInter
Page types
Detail
UI elements
CardChartBadge
Context
- Parent page: Metabolic health app landing with dark cinematic hero and three-tier system pricing
- All of Levels
Other sections on this page
- Hero — Dark cinematic hero with serif headline and email capture
- Feature — 'Nutrition advice is generic' with glucose-curve chart card
- Feature — 'The clearest way to see what food is doing' with FAQ-style list
- Bento Grid — 'See the patterns that matter' multi-card capability grid
- Feature — 'Know what to change. Then make it stick.' with phone mockup
- Stats / Metrics — 'Measurable improvement' 81% / 79% / 84% stats
- Testimonial / Social Proof — 'What change can look like' four-up portrait testimonials
- Pricing / Plans — Three-tier pricing: Build your system / Core / Complete
- CTA / Sign-up — 'Stop guessing. Start seeing.' dark closing CTA + footer