Levels — Feature
Lifestyle photo card on the left next to a serif headline and a stacked, divided list of expandable explanation rows describing how the system interprets food and metabolic signals.
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-the-clearest-way-to-see-what-food-is-doing-with-faq-style-list.
Measured spec
| Scheme | light |
| Background | #F7F7F5 |
| Text | #393430 |
| Contrast | 11.46 |
| Columns | 1 |
| Alignment | left |
| Whitespace | regular |
| Density | 0.33 |
| Measured size | 1600×1527 px |
Palette
#F1F0EB#1A1A18#8A8A82#7BC47F
Fonts
ttHovesInter
Page types
Detail
UI elements
CardTabs
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 — 'Your system for better metabolic health' app mockups
- 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