Yazio

Yazio’s design strategy centers on a high-contrast 'Dark UI on Light Background' approach that makes device mockups and feature tags pop. The use of a brand mascot (the teal monster) provides a friendly, non-clinical entry point into the often-stressful world of calorie counting. A standout tactic is the use of 'floating pill labels' that break the device frame to highlight data-like 'Very high in sugars' or '-42 lb'. This allows the designer to explain complex UI benefits without cluttering the screen itself. The copy is extremely economical, using short 2-3 word headers to maintain a fast reading pace. Designers should steal the 'feature bridge' technique: using physical food photography that physically spans across two screenshots to create a sense of continuity and real-world application.