Skip to main content
stoic. app icon
Health & FitnessScreenshot teardown13 min read

stoic. App Store screenshots

A Case Study in Monochrome Restraint: Reading the stoic. App Store Screenshot Sequence

Set published by Stoic app inc. · 10 frames analysed

4.8 · 34K ratingsFreev2026.10Updated 4mo ago
stoic. App Store screenshot 1
01At a glance

The set in one screen

Framing
iPhone 14-style chassis with thin dark bezels, 9:41 status bar
Captions
Heavy grotesque sans-serif, centered, sentence case
Backdrop
Warm off-white (#F2F2F0) throughout
Type
36–48 pt bold headlines, 16–20 pt gray subheads, small-caps labels
UI / copy split
High; multiple screens contain more UI than marketing copy.
Frame 1 job
Brand promise + awards; zero UI visible.

Sampled palette

#000000#000000
#FFFFFF#FFFFFF
#2A2A2A#2A2A2A
#8FABD8#8FABD8
#F2F2F0#F2F2F0
02The challenge

What this screenshot set had to solve

Mental-health apps in the Health & Fitness storefront face a merchandising paradox: the creative must feel spacious enough to suggest psychological safety, yet dense enough to prove utility. The stoic. product surface area is broad—morning journalling, sleep science, mood quantification, guided breathing, and CBT-I exercises—so the screenshot set must sequence competing features without collapsing into a feature-salad grid. The brand’s existing visual identity doubles down on restraint: pure black vector illustration, a bespoke bird mascot, an almost total absence of color, and a binary light-or-dark interface logic. The design challenge, therefore, is not simply to decorate eight frames, but to choreograph them so that a scrolling shopper understands both the breadth of the toolkit and the quietness of the brand voice. Every frame must earn its place in the first-impression window, where only the initial one or two screenshots may be visible in search results before a tap.

The palette is memorable; what it needs now is spatial clarity to match.
03The approach

How the set argues its case

The team adopts a near-binary palette: warm off-white backgrounds (approx. #F2F2F0) against pure black (#000000) typography and illustration, with a single light-steel accent (approx. #8FABD8) reserved for a chart line and one 'NEW' badge. Headlines are set in a heavy grotesque sans at sizes that read as 36–48 pt, with tight leading and sentence-case phrasing. Small-caps labels such as 'IDEA FOR TODAY' provide hierarchy without introducing new colors. Device framing is consistent—an iPhone with a thin dark bezel and standard 9:41 status bar—while UI cards periodically break the left edge of the phone to create editorial depth. Abstract black vectors (birds, feathers, inkblots, lightbulbs) bleed into the canvas gutters, functioning as brand wallpaper. The sequencing strategy places credentials first, the core daily hub second, vertical features third through seventh, and a testimonial eighth.

stoic. positions itself as a premium, Apple-endorsed journal and reflection utility. The first frame foregrounds App Store editorial badges; later frames foreground therapist association, scientific backing, and a 4.8-star rating. The positioning relies heavily on authority markers rather than lifestyle photography.

04Frame by frame

Every screenshot, and the job it does

stoic. App Store screenshot 1 — The Poster and the Awards
01

The Poster and the Awards

On-frame caption: “Your Journal for Better Mental Health.

Frame 1 contains no device, no interface, and no interactive proof. The 'stoic.' wordmark sits in the upper-left quadrant, set in a bold, tightly tracked sans-serif terminated by a period, with roughly 60 pt of negative space above it. Beneath the mark, the headline 'Your Journal for Better Mental Health.' occupies the upper-middle band in what appears to be a 44–52 pt weight with a line-height ratio near 1.1, producing a dense, rectangular block of pure black (#000000) against a warm off-white field (~#F2F2F0). Centered below the headline is a horizontal lockup of two Apple editorial badges—'APP OF THE DAY' and 'EDITORS' CHOICE'—each framed by laurel wreaths, all rendered in solid black. The lower third is occupied by an abstract vector cluster: a bird perched on a lightbulb, a feather angled left, a pencil angled right, and an inkblot pool beneath. The lightbulb in this illustration directly echoes the Morning Planner icon visible in Frame 2 and the Gain Focus icon in Frame 8, establishing cross-frame continuity. Structurally, this frame behaves like a magazine cover: it asks the shopper to trust the brand before revealing the product.

stoic. App Store screenshot 2 — The Morning Hub and Overflow Cards
02

The Morning Hub and Overflow Cards

On-frame caption: “Journal & Reflect / Private & Secure Tools for Better Mood

The caption lockup reads 'Journal & Reflect' in heavy black, followed by the subheadline 'Private & Secure Tools for Better Mood' in a smaller, neutral gray. The iPhone mockup displays a morning hub titled 'good morning.' in lowercase, with 'Wednesday' beneath in a lighter weight. The most structurally notable choice is the lateral overflow: three white rounded cards—Morning Planner, Sleep Reflection, and Gratitude Journal—break the left bezel of the phone and extend into the screenshot margin, creating the illusion that the interface is larger than the device. Each card carries a central black icon (lightbulb, crescent moon with sparkle, stacked zen stones) inside a circular container. Below the triad, a photo card spans the width of the screen, showing misty mountain ranges under a dark gradient scrim. Overlaid in white are the small-caps label 'IDEA FOR TODAY' and the sentence 'Joy often hides in ordinary moments.' with three circular action icons—share, edit, heart—centered at the bottom edge of the photo. The composition adds editorial depth without violating the monochrome rule, though the overflow crop risks feeling like a layout error at thumbnail scale.

stoic. App Store screenshot 3 — The Dark Mode Tangent
03

The Dark Mode Tangent

On-frame caption: “AI Diary / Trusted by 4 million people

The caption reads 'AI Diary' with the subline 'Trusted by 4 million people' and five filled black stars. Inside the device, the interface turns abruptly to pure black (#000000). The screen header reads 'sleep better.' in lowercase white, followed by the gray subheadline 'Scientifically proven ways to help you fall asleep.' A two-by-two grid of charcoal cards—estimated at #2A2A2A with a 12–16 pt corner radius—fills the midsection. Each card centers a white glyph inside a black circle: a ringed planet for 'Evening AI Reflection,' a moon for 'Sleep Lessons,' a balloon for 'Meditations,' and a lollipop-like circle for 'CBT-I Journal.' The tonal swing from the airy light-gray surrounds of Frame 2 to this stark dark mode is immediate and unbuffered; the phone bezel remains identical, so the shift reads as a screen-level rather than environmental change. The caption 'AI Diary' is also poorly served by the visible UI, which contains no conversational interface, no chat transcript, and no AI-specific chrome—only a grid of sleep topics.

stoic. App Store screenshot 4 — The Gratitude Prompt
04

The Gratitude Prompt

On-frame caption: “Gratitude Journal / New Prompts Daily

The caption reads 'Gratitude Journal' and 'New Prompts Daily.' The interface shown is the 'Write' hub. A dominant horizontal card dominates the upper half, splitting its left side into a solid black panel bearing a white bird illustration in negative space, while the right side carries the heading 'Gratitude' and the prompt 'What are the things in your life that you're grateful for?' in a mid-gray sans-serif. A black pill button labeled 'Begin >' sits at the bottom-right of that panel, roughly 44 pt tall with a 20 pt corner radius. Below the hero card, three square entry-point tiles read 'Empty Page,' 'Journaling Suggestions,' and 'Mood Check-In,' each with a minimalist black icon. Further down, a 'Your Favorites' section exposes circular icon buttons for 'Unguided Meditation,' 'Thought Dump Jour…' (truncated by the container), 'The Five Whys Journal,' and an 'Add or Edit Favorites' plus tile. The hierarchy is unmistakable: one primary action, three secondary modes, and a personalized footer row.

stoic. App Store screenshot 5 — Mood Tracking in Two Planes
05

Mood Tracking in Two Planes

On-frame caption: “Track Mood & Habits / Get AI Insights & Grow Every Day

The caption promises 'Track Mood & Habits' and 'Get AI Insights & Grow Every Day,' but the composition undermines the second promise. Two iPhones are stacked. The rear device displays a line chart with a light-steel-blue trace (approximate hex #8FABD8) trending upward against a faint gray grid. Its header states 'Great Mood' with a blue circular up-arrow icon, followed by '4.2 Average Mood in August' and the insight 'You focus on family and dogs.' The X-axis shows date numerals '25' and '30.' The front device, offset downward and to the left, obscures roughly forty percent of the rear screen. It carries the prompt 'How are you feeling today?' above five circular mood-selector buttons arranged in a three-over-two pyramid: neutral, smiling, grinning, sad, and troubled faces drawn in simple black strokes on white fills. The overlap makes the insight text and the latter half of the chart illegible without peering around the foreground phone. For a frame whose caption emphasizes 'AI Insights,' hiding the insight behind a second device is a significant legibility failure.

stoic. App Store screenshot 6 — Breathing as Concentric Geometry
06

Breathing as Concentric Geometry

On-frame caption: “Calm Your Mind / Reduce Stress & Anxiety

With the caption 'Calm Your Mind' and subheadline 'Reduce Stress & Anxiety,' this frame presents the breathing interface. The screen title 'Breathe' sits at the top, followed by a set of five concentric rings expanding from the center like ripples. Stroke weight is hairline—roughly 1 pt in #CCCCCC—against the off-white screen background. The innermost element is a solid black circle containing the word 'INHALE' in small, tracked, uppercase sans-serif white letters. Beneath the rings, the label '32 BREATHING PATTERNS' introduces a bottom row of two white cards. The first, 'Calm Down Breathing,' shows a quadrifoil flower icon and a 'NEW' lozenge badge in light blue (~#8BA4D8). The second, 'Gain Focus Breathing,' repeats the lollipop-like circular icon seen in Frame 3. The ring construction implies motion and physiological rhythm without breaking the static-image constraint, though the 'NEW' badge is the only deviation from the binary palette in the entire set.

stoic. App Store screenshot 7 — The Testimonial and the Broken Frame
07

The Testimonial and the Broken Frame

On-frame caption: “Join 4 million+ / Daily Journalers

Frame 7 abandons the device chassis entirely, breaking the spatial logic established across six preceding frames. The caption reads 'Join 4 million+' and 'Daily Journalers.' Centered on the off-white background is a large white rounded rectangle—roughly 28 pt corner radius—with a soft diffuse shadow estimated at y-offset 8 pt, blur 24 pt, and #000000 at 8% opacity. Inside, five black stars sit above the centered quote 'Life changing app. Get it to become a better you.' in a medium-weight sans-serif. Below the quote, the attribution 'Daphne / on the App Store' appears in gray. Underneath the card, a large '4.8' numeral is framed by laurel wreaths with a small star rating lockup beneath it. A bird illustration clutching a balloon string anchors the bottom-right corner. Because the frame contains no phone, no status bar, and no UI, it reads as a landing-page testimonial rather than an App Store screenshot. In a sequence that has trained the eye to look for a device silhouette, the floating card looks unmoored.

stoic. App Store screenshot 8 — Therapist Exercises and Inversion
08

Therapist Exercises and Inversion

On-frame caption: “Exercises from Therapists

The final frame returns to a full-height iPhone mockup under the caption 'Exercises from Therapists.' The screen shows a vertically stacked list of five rounded rows. Four are white with black text and right-aligned black icons: 'Mood booster' with a flower, 'Gain focus' with a lightbulb, 'Find motivation' with a four-leaf clover, and 'Fight stress' with a balloon. The active row, 'Sleep better,' inverts to a solid black fill with white text and a white ringed-planet icon, demonstrating a selected state. The row corner radius is roughly 24 pt, and the list is separated by 8–12 pt gutters. At the bottom, a gray text link reads 'See All Activities >.' A black bird silhouette enters from the bottom-left canvas edge, cropped mid-wing by the screenshot boundary. The list is clean and the inversion is a clear, high-contrast affordance, but the cropping of the bird feels unintentional, as if the illustration layer drifted during export rather than being deliberately composed.

05The craft

Captions, colour and the mechanics of the sell

Caption pattern

Every frame opens with a bold, centered H1 in near-black, followed by a smaller gray subheadline in a lighter weight. The pattern is mechanically consistent: Frame 2 reads 'Journal & Reflect' / 'Private & Secure Tools for Better Mood'; Frame 5 reads 'Track Mood & Habits' / 'Get AI Insights & Grow Every Day'. The rhythm creates a predictable cadence that a rapid swiper can scan.

Visual system

The iconography is constructed as flat black glyphs inside high-contrast circles or as negative-space white drawings on black panels. A ringed planet, a balloon, a lightbulb, a quadrifoil flower, and a crescent moon recur across frames, though their semantic mapping shifts. The bird mascot appears in Frame 1, Frame 4, Frame 7, and Frame 8, giving the sequence a recurring anchor even when the interface content changes.

The thumbnail test

In a search-results grid, Frame 1 is an undifferentiated off-white field with black typography and illustration. Without UI, it competes on brand recognition alone. A shopper unfamiliar with the bird mark has no functional cue in the thumbnail crop.

Conversion mechanics

Frame 1 is a branding play that forfeits the search-results thumbnail test. A shopper scrolling Health & Fitness sees no UI, no recognizable screen structure, and no functional promise in the first frame—only typography and illustration. Frame 7 repeats the problem by removing the device entirely. For conversion, the set assumes the shopper already knows stoic. by reputation; it does less work to educate the unfamiliar.

06Where it slips

What we would change

Frame 1 is a wasted first impression on search results

The opening frame contains zero interface pixels. In the App Store, search results display the first portrait screenshot at roughly 280 px wide; at that scale, Frame 1 resolves as an off-white rectangle with black text and a blob of illustration. A shopper cannot tell whether this is a journal, a widget, or a meditation timer. The awards are trust signals, but trust requires context. The fix is not to delete the frame, but to move it to position eight, or to split the canvas so that the poster occupies the top half and a device preview sits below.

Frame 3's dark mode is tonally dissonant and semantically vague

After two airy, light-interface frames, the plunge into pure OLED black is jarring. If the intention was to signal nighttime or sleep, a midnight blue or deep charcoal unique to the brand would have felt more ownable than generic black. More importantly, the caption 'AI Diary' is unsupported by the visible UI. The shopper sees a sleep hub, not an AI conversation. The fix is to align caption and content: either show a diary/chat interface and keep the 'AI Diary' header, or change the caption to 'Sleep Better' and accept the dark screen as a mood shift.

Frame 5's overlap hides the evidence

The dual-device stack in Frame 5 physically covers the insight text 'You focus on family and dogs' and truncates the chart's narrative arc. Because the caption explicitly promises 'AI Insights,' the composition is actively working against its own marketing claim. The fix is to offset the devices diagonally—upper-right and lower-left—so that no critical data is occluded, or to composite the mood selector and chart into a single coherent screen if the engineering allows.

Frame 7 breaks the device pattern without purpose

Six consecutive frames establish a strict spatial contract: text above, device below. Frame 7 shatters that contract by floating a white card in a void. The absence of a phone makes the testimonial feel like a web landing page rather than proof of an active community inside the app. The fix is to frame the review inside a device—perhaps an App Store review sheet or an in-app community hub—or, at minimum, to place a faint device silhouette behind the card so the eye retains its scale reference.

Icon semantics are stretched beyond recognition

The balloon icon stands in for 'Meditations' in Frame 3, 'Thought Dump Journal' in Frame 4, and 'Fight stress' in Frame 8. The ringed planet represents 'Evening AI Reflection' in Frame 3 and 'Sleep better' in Frame 8. Because the symbols are purely decorative abstractions rather than readable metaphors, they fail to differentiate verticals; the shopper must read every label rather than recognizing categories at a glance. The fix is to lock one icon to one domain—balloon for release, planet for sleep, lightbulb for focus—and never recycle them across unrelated features.

07The recipe

How to apply this to your own app

  1. Lead with UI, not poster art

    In a search-results list, the first screenshot must communicate function within 0.8 seconds. If your brand frame contains no device, move it deeper into the sequence.

  2. Maintain tonal continuity

    Dark-mode frames can signal context (night, focus, cinema), but a single dark frame surrounded by light frames reads as an error. Use dark mode as a system, not an exception.

  3. Overlap with intention

    Stacked devices add depth, but never let the foreground element obscure the caption's primary promise. If you promise insights, keep the insight fully visible.

  4. Anchor social proof in the product

    Testimonials gain credibility when they appear inside the app’s own interface. A floating card feels like advertising; a review inside a device feels like evidence.

  5. Build an icon grammar and enforce it

    One concept, one glyph. Recycled decorative icons force the user to read every word. A strict mapping between symbol and feature accelerates comprehension at swipe speed.

08Takeaways

Five things worth stealing

  • Monochrome discipline can unify a broad feature set, but it cannot compensate for missing information hierarchy.
  • The first frame in a portrait set must survive the search-results thumbnail; pure brand posters fail that test.
  • Device framing is a spatial contract with the viewer. Breaking it for a testimonial card severs the narrative thread.
  • Cross-frame icon consistency is valuable only when the symbols carry stable meaning; decorative reuse weakens wayfinding.
  • paletteReference
09The verdict

What the set actually achieves

An eight-frame sequence that begins with a poster-style brand card, moves through a daily hub, sleep and gratitude verticals, mood tracking, breathing exercises, and therapist-curated activities, then closes on social proof. The set maintains strict monochrome discipline, uses a recurring bird-and-object illustration language, and alternates between single-device and dual-device compositions.

Product designers building health, wellness, or productivity screenshot sets who want to trade color for illustration, and who need to balance brand poetry with functional proof. It is especially relevant for teams considering mixed light-and-dark framing or editorial device overflow.

10Questions

Frequently asked

Why is there no device in Frame 1?

The designers chose a poster-style brand card. The trade-off is loss of functional context at thumbnail scale.

Does the blue accent appear anywhere else?

Only in the mood chart line (Frame 5) and the 'NEW' badge (Frame 6). It is otherwise absent from the set.

What is the recurring bird illustration?

A black bird mascot that appears in Frame 1, Frame 4, Frame 7, and Frame 8, functioning as a brand anchor across the sequence.

Is dark mode used consistently?

No. Only Frame 3 uses a pure-black interface screen. The surrounding frames are light mode, making the dark frame appear isolated.

11Keep reading

Build your own screenshot set

The full set

10 shots
stoic. App Store screenshot 1stoic. App Store screenshot 2stoic. App Store screenshot 3stoic. App Store screenshot 4stoic. App Store screenshot 5stoic. App Store screenshot 6stoic. App Store screenshot 7stoic. App Store screenshot 8stoic. App Store screenshot 9stoic. App Store screenshot 10

About the app

stoic is your mental health companion – it helps you understand your emotions and provides insights on how to be happier, more productive, and overcome obstacles. At its heart, Stoic app inc., via the App Store listing.

Screenshots and store metadata belong to Stoic app inc.. They are shown here for design commentary and criticism. The analysis on this page is original work by floow.design. View the original listing.

More Health & Fitness teardowns

Browse all →