Refto
Alma

Alma

Meet Alma, your personal AI nutrition coach. Track meals with voice or photos, get instant nutrition insights, and reach your health goals with personalized guidance.

Mobile AppParallaxHealthClean
3.0
0
Visits
Visit

Available Pages

Home

Version History

Design Analysis

Alma Home design analysis

A light-first, ui-rich system with 3c5627 as the primary signal color. Identity comes from disciplined contrast, restrained surfaces, and a clear CTA hierarchy rather than decorative chrome. Captured 3 surfaces with 20 s...

Key Takeaways

  • Make the main action obvious within the first screenful.
  • Keep supporting hierarchy readable even when cards, stats, or imagery get dense.
  • Preserve a consistent tone across light and dark surfaces.
  • 3C5627 appears as the primary signal color.
  • GT Alpina Condensed handles display hierarchy while HAL Four Grotesk stabilizes body copy.
  • 0px control corners and 8px component corners keep the surface family coherent.

Design Readout

A light-first, ui-rich system with 3c5627 as the primary signal color. Identity comes from disciplined contrast, restrained surfaces, and a clear CTA hierarchy rather than decorative chrome. Captured 3 surfaces with 20 sampled CTAs, 13 distinct text or accent colors, and 3 visible font families on the primary surface.

2. System Summary

Operational clarity with restrained polish. Core identity comes from precise typography, tight component consistency, and one accent color used as a navigation beacon. The package is tuned for repeatable implementation decisions rather than pixel-perfect duplication of the source marketing layer.

Experience Goals

  • Make the main action obvious within the first screenful.
  • Keep supporting hierarchy readable even when cards, stats, or imagery get dense.
  • Preserve a consistent tone across light and dark surfaces.

Signature Signals

  • 3C5627 appears as the primary signal color.
  • GT Alpina Condensed handles display hierarchy while HAL Four Grotesk stabilizes body copy.
  • 0px control corners and 8px component corners keep the surface family coherent.
SpacePlay/Pause←→Seek 1sShift←→Seek 10s