Caffeine Tracker App Store screenshots

On-frame caption: ““Apps we Love” / “ Apple” / “#1 APP FOR CAFFEINE TRACKING””

The set opens with authority. Gold laurel wreaths in #FACC15 flank the words “Apps we Love,” with the Apple logo and wordmark set beneath in white. The headline “#1 APP FOR CAFFEINE TRACKING” is stacked in four lines of massive bold sans-serif, consuming roughly the top 20% of the canvas. The device is rotated approximately 12° counter-clockwise and anchored low, so the Dynamic Island, status bar (5:56, muted bell), and screen content all remain legible. Inside the app, the interface is in light mode, centering on “128 mg” in a large dark weight. Below that, a “Sleep Correlations” module shows a stacked horizontal bar chart spanning September 24 to October 1, segmented by six legend colors: In Bed (#F97316), Asleep (#22C55E), Awake (#EC4899), Light Sleep (#A855F7), Deep Sleep (#2563EB), and REM Sleep (#06B6D4), with orange correlation dots plotted above the bars. At the bottom of the screen, four stat pills read “Weekly Avg 463.14 mg,” “Last Week Avg 400.57 mg,” and “In System 159.31 mg.” A winking coffee-cup mascot floats just to the right of the bezel, clear of the data. The rotation imparts kinetic energy, though it also tilts the horizontal chart so the bars appear to slide slightly downhill.

On-frame caption: ““Log using AI. Find caffeine contents of anything.””

In this frame, the caption is pushed entirely below the device, which is now perfectly vertical and cropped tightly to the left and right edges. The top third of the canvas is almost empty, leaving a wide field of saturated violet (#9333EA). Inside the phone, the UI presents an AI logging sheet. A top row reads “~34.98 mg at bedtime” in muted violet, “192 mg” in dark gray, and “312 mg” in cyan (#06B6D4) beside a sparkle icon. The central figure is “120.0 mg” set over “Pour Over (Small)” with a right chevron. Below, a segmented action bar shows “Log with Apple Intelligence” beside a gray “Create Drink” pill. A large rounded input field contains the text: “A Yerba Mate tea, medium sized.” The bottom toolbar uses four inline icons (calendar, cup, hashtag, settings) and a blue “Log” button at roughly #2563EB. In the bottom-left corner, three small coffee-bean mascots huddle together. Because the headline sits below the device, the composition feels top-heavy; the eye hits the purple void before it reaches the copy.

On-frame caption: ““See how caffeine affects your sleep””

Dark mode enters the sequence. The device sits centrally beneath the headline, and a coffee-cup mascot wearing a sleep mask with floating “Zzz” occupies the narrow gap between the text and the notch. The status bar reads 6:08. The interface background is near-black, approximately #0F172A. Visible screen content includes a top row with a “4:30 PM Last Call” micro-card on the left, center “128 mg,” and right “272 mg left” with a short progress bar. Two summary pills sit below: “Caffeine Free 24h 47m” and “In System 154.83 mg.” The dominant module is “Sleep Forecast,” a horizontal spectrum bar shifting from purple through orange to red, bookended by sleep icons. Beneath it, a paragraph reads: “Tonight's sleep forecast: minus 2 minutes from your usual rest. This registers as what minimal impact looks like. Your bedtime caffeine level? About 15.93 mg still in the mix.” It closes with “Sweet dreams & good night, Alyx,” signed with a tiny coffee-cup avatar. The contrast between white text and the dark card (#1E293B) is comfortable, though the paragraph length is risky at thumbnail scale.

On-frame caption: ““Scan to log using Visual Look Up””

This frame switches to a camera-centric presentation. The device is upright and slightly smaller relative to the canvas, revealing more of the purple gradient around it. The screen shows a live camera feed of an amber glass on a white table, with a blurred figure visible in the background. iOS-style chrome overlays the bottom: “Swipe up to see results” is centered between a chat bubble icon and a viewfinder icon, above a pill-shaped switcher reading “Google” and “Alyx.” The headline occupies the upper third in the same heavy white sans. Decorative mascots—a cartoon fountain cup with a straw in the bottom left, plus an “INSTANT” jar and yellow mug in the bottom right—anchor the corners. Because the camera feed is photographic and the rest of the set is vector-flat, this frame introduces a deliberate material break that signals “real world” functionality. The “Alyx” tab in the switcher is small enough that it may register only as a gray smudge in thumbnail view.

On-frame caption: ““Know exactly when to have your last sip””

This is the most aggressive crop in the sequence. Only the upper-left quadrant of the device is visible, sliced just below the status-bar clock (6:21) and muted bell icon. The visible screen shows a glassmorphic card with a coffee-cup icon, an orange notification dot, the words “4:30 PM Last Call,” and the faint gray header “Weekly Intake” underneath. Nothing else inside the app is legible. Above the device, an orange alarm-clock mascot and an orange notification-bell character compete for space at the bezel line, while a layered burger-like mascot is partially visible at the bottom left. The cropping is meant to isolate the feature, but it sacrifices too much context. Without the full device outline and rounded corners reading clearly as an iPhone, the card could be mistaken for a system notification rather than in-app UI.

On-frame caption: ““Log caffeine fast””

The device returns to full-frame, light mode, showing a bottom-sheet logger. Behind the sheet, the home screen displays a calendar heatmap in purple dots and the cumulative figure “109,826.4 mg this year.” The sheet itself lists “~19.42 mg at bedtime” in violet, then “128 mg” and “192 mg” in a header row. Dominating the sheet center is “64.0 mg” with “Single Shot >” beneath it. The list continues with four tappable rows separated by hairline dividers: “Your Drinks” (orange heart), “Espresso” (beans), “Espresso-Based” (cup), and “Brewed Coffee” (cup), each with a right chevron. The bottom app nav mirrors Frame 2: calendar, active coffee tab (filled blue circle at ~#2563EB), hashtag, settings, and the blue “Log” pill. A juice-box mascot leans in from the left, and two smiling mugs peer from the right. This frame is the clearest expression of the app’s information architecture, though the sheet’s top edge blends into the calendar behind it because both share a light gray value.

On-frame caption: ““View caffeine's health impact””

A direct dark-mode companion to Frame 1. The status bar reads 7:41. The headline is anchored in the upper third, accompanied by three small mascots: a sleeping orange heart, a green circle character, and a clipboard with pencil. The device presents the same “Sleep Correlations” chart seen in Frame 1, but rendered against a near-black background (#0F172A) with slightly more saturated bars. The legend order is identical: In Bed, Asleep, Awake, Light Sleep, Deep Sleep, REM Sleep. Below the chart, a 2×2 stat grid now reads “Weekly Avg 463.14 mg,” “Last Week Avg 400.57 mg,” “Caffeine Free 25h 52m,” and “Bedtime Avg 81.77 mg,” each with a glyph icon. This frame proves dark-mode support and reinforces the health narrative through repetition. Because the chart architecture is already familiar from Frame 1, the shopper’s cognitive load is lower, allowing the four stats to read as new information rather than noise.

On-frame caption: ““Widgets! See how much caffeine is in your body””

The only frame that abandons in-app chrome entirely for the iOS Home Screen. The wallpaper is a dark, abstract purple swirl. Five widgets are arranged across three rows: a medium “Last Call” widget at top left showing “3:30 PM,” “5 hr, 45 min,” and “Moderately Sensitive” with a blue dot, labeled “Alyx”; a small “Today's Caffeine 192 mg” widget at top right; a medium decay-curve widget at mid-left reading “150.86 mg now / 28.58 mg in 12 hours”; a small weekly bar chart at mid-right showing “Weekly Average 453.33 mg” over days F S S M T W T; and a large bottom widget repeating the decay curve with axis labels (0, 100, 200 mg; 9 AM, 3 PM). A blue moon mascot rests top left, and a coffee-cup mascot floats top right. The frame functions as a feature inventory, but because all five widgets are rendered at equal brightness and with similar translucency, there is no focal path—the eye bounces from the medium top-left to the large bottom without a clear hierarchy.