Yazio App Store screenshots

On-frame caption: “Fasting, Calories, Weight loss”

The opener establishes the visual grammar of the entire set. The canvas is split roughly 50/50. On the left, a bowl of green salad and tomatoes bleeds up from the bottom edge, providing organic texture against the sterile background. Floating above the bowl, a turquoise gradient monster mascot with small horns breaks the boundary between photography and negative space. Top-left, three checklist lines read “Fasting,” “Calories,” and “Weight loss” in oversized black sans-serif, each prefixed by a bold black checkmark glyph. On the right, an iPhone with a thick black bezel displays the home dashboard; the screen shows a “Today” header, “Week 175” subtext in gray, a circular calorie summary ring in mint near #00E5B0, and a “Nutrition” list with breakfast and lunch entries tagged by purple “AI” badges near #8B5CF6. The bottom of the device is cropped, pushing the interface upward and inviting the eye to treat the phone as a portal rather than a finished artifact. The contrast between matte light gray and jet UI chrome is extreme and deliberate.

On-frame caption: “4.6 App Store”

This frame pivots from feature introduction to trust signaling. Dominating the top is a vector laurel wreath surrounding a massive “4.6” App Store rating, rendered in solid black with five stars. Below, a top-down photograph of fried eggs, herbs, avocado, and cucumber fills the center, encircled by a mint corner-bracket overlay near #00FFC2 that implies a scanning frame without obscuring the food. A sliver of iPhone bezel intrudes from the left, showing only the edge of a list UI with circular add buttons and a “Profile” label. Most notably, a dark floating card is detached entirely from the phone, hovering over the lower right. It contains a coffee icon inside a mint ring, the word “Breakfast,” the caption “466 / 566 Cal,” and a purple “AI” badge. Two sparkle glyphs hover between the card and badge. The card’s soft shadow separates it into a third layer, creating a composite that suggests photo-logging and automated recognition in a single glance.

On-frame caption: “Easy Food Scanning”

The headline “Easy Food Scanning” sits in the upper-left with generous padding, establishing a clear one-message-per-frame discipline. The phone is centered and fully contained, showing a live barcode scanner. The header contains a lightbulb icon, the text “Scan a barcode,” and an “X” close control. Two rounded pill badges float above the camera feed: a mint pill reading “+ Good source of protein” and a vivid pink pill near #FF5BD1 reading “− Very high in sugars.” Both use black text for legibility against their fluorescent grounds. Inside the viewfinder, a hand holds a half-open protein bar against a blurred background, framed by a white rounded rectangle. A caption below reads: “Hold a barcode within the frame to scan it.” The bezel is thick black, giving the visual impression of a dedicated hardware camera, while the phone status bar at top shows 9:41 with standard signal and battery glyphs.

On-frame caption: “Intermittent fasting”

The headline “Intermittent fasting” occupies the upper-left, while a small sleeping monster mascot with “Zzz” floats to its right, adding emotional texture without interfering with the type. The phone shows a dedicated fasting tracker in dark mode. The status bar reveals the Dynamic Island, anchoring the mockup to a current-generation device. Inside, the screen title is matched by a “16:8” protocol link in system blue. A central charcoal card near #2C2C2E houses the tracker: a share icon and information icon flank the text “You’re fasting!” A circular progress ring centers an orange fox emoji, with a flame glyph riding the ring’s left edge. Beneath, a monospaced timer reads “13 : 41 : 07” in large white figures. A muted rose button— “End Fasting”—interrupts the cool palette, signaling a stop action. Metadata pairs below (“Fasting start Yesterday, 8:00 p.m.” / “Fasting end Today, 12:00 p.m.”) each carry an “Edit” ghost button. A tab bar at the bottom marks “Fasting” in blue. A sliver of oatmeal-and-berry food photography enters from the right edge.

On-frame caption: “Reach your goal now!”

Here the phone is pushed high in the frame, leaving room below for the headline “Reach your goal now!” The screen shows the Water Tracker: a bold “88.00 fl oz” dominates the dark card, above a grid of eleven small water-glass icons rendered in light blue near #5AC8FA. Ten glasses are filled; one carries a checkmark and another a plus sign, indicating manual control. A sub-caption notes “+ Water from food: 0 fl oz.” Below, an “Activities” section introduces a steps card with a mint sneaker glyph, a white “Connect” button that pops against the dark ground, and the brand mascot in blue. A cropped food photograph—oatmeal with raspberries and almonds—intrudes from the left, warming the clinical data. The phone is cropped just beneath a “361 Cal” activity mini-card, keeping attention on water and steps rather than navigation. The tab bar is completely omitted by the crop.

On-frame caption: “New recipes weekly”

“New recipes weekly” announces the frame’s purpose from the upper-left. The phone displays a Filter modal: an “X” dismiss button left, “Filter” centered, and a “Reset” text action right in blue near #0A84FF. The “Popular Filters” grid presents six circular food thumbnails; the “Low Carb” option displays a white checkmark on a teal overlay, clarifying selection state. A dual-handle slider labeled “Energy Value” spans 0 to 500 calories, drawn with a blue track and white knobs. Below, a “Meals” cluster uses emoji-prefixed pills in low-contrast gray fills near #3A3A3C. A primary blue button reads “See 678 Recipes,” occupying the full width in a rounded rectangle. The bottom of the screen begins to show “Preparation Method” pills before the crop cuts them off, implying scroll depth. The entire composition sells content abundance and fine-grained control without leaving the modal context.

On-frame caption: “Sustainable weight loss”

This frame abandons the device entirely. Two sets of before-and-after photographs stack vertically with rounded corners near 20px radius. The top pair shows a male transformation; the bottom pair shows a female transformation. Mint badges overlay each set: “− 42 lb” and “− 24 lb,” set in bold black sans-serif against the same electric mint used in the app’s UI accents. To the right, the turquoise monster mascot climbs a purple ladder amid sparkle glyphs, recycling brand equity from frame one. The headline “Sustainable weight loss” sits beneath the imagery in the same heavy black typeface used throughout. By removing the phone, the frame forces the viewer to look at human results rather than interface chrome, though the loss of device context makes it read more like an Instagram story than an App Store product frame.

On-frame caption: “More than 100M happy users”

The closer is a testimonial wall. The headline “More than 100M happy users” sets scale. Three dark cards stack with tight spacing, each rounded and softly shadowed. Every card opens with five mint stars near #00E5B0 and encloses a centered quote in white. The first reads: “The best calorie counting app on the market! Straightforward and easy to use!” The second: “Yazio helped me overcome my inner couch potato. With the app's help, I lost 37 lb!” The third: “I strongly recommend the app! It's perfect for losing weight quickly and in a healthy way.” A partial mascot and yellow sparkles intrude from the left margin, preventing the stack from feeling like a static list. The palette remains disciplined: light gray ground, dark card surfaces, mint and white accents. No phone appears, ending the sequence on community voice rather than interface.