Atoms App Store screenshots

On-frame caption: “Atoms. / The official Atomic Habits app / Tiny changes, remarkable results.”

No device frame appears. The composition is a vertical stack of trust signals on a warm off-white ground (#FAFAF8). At the top, the wordmark “Atoms.” is set in a heavy, high-contrast serif; the counter of the ‘o’ is fully filled in black (#0F0F0F), and a period lands hard after the ‘s’. Beneath it, the line “The official Atomic Habits app” carries “official” in italic, signaling licensed authenticity rather than a generic habit tracker. At roughly the vertical third, an App Store laurel badge reads “Editors’ choice Best new app,” flanked by symmetrical wheat vectors. Further down, a hand-drawn stack of four rounded stones sits inside a beige pebble shape (#EDE8DD or #F0EBE0), directly referencing the cairn motif associated with the brand. The line “Tiny changes, remarkable results.” anchors the lower half. A hairline divider separates the footer: a blue App Store arrow icon beside the word “PRODUCTIVITY,” followed by “Top 5 in 19 countries | Top 10 in 12 countries.” The spacing is luxurious; the negative space between elements is roughly equivalent to the height of the text blocks themselves. Because there is no chrome, no phone bezel, and no UI button, the frame forces a slow read—but it also risks losing shoppers who scroll for utility first.

On-frame caption: “Built on the proven principles of habit change / make it obvious / make it attractive / make it easy / make it satisfying”

An iPhone with a Dynamic Island appears for the first time, centered and occupying the lower 55 percent of the canvas; the bezel reads as natural titanium. Above the device, the headline “Built on the proven principles of habit change” sets “proven” and “habit change” in italic. Below that, the Four Laws are stacked in centered alignment: “make it obvious / make it attractive / make it easy / make it satisfying,” with each line-ending keyword italicized. On the screen itself, a rounded sheet titled “How to create an Atomic Habit” slides up. Inside, template text reads: “I will meditate for 5 mins. when I wake up so that I can become a mindful person.” The phrase “meditate for 5 mins.” carries a gradient underline shifting from orange to violet. A gray “Different example” button sits below. Near the bottom of the visible screen, a step indicator shows “01” inside a filled yellow-orange circle (#F2C14E), while “02” and “03” remain muted gray. The section header “Define your habit” appears just above the fold. The gap between the caption block and the hardware is roughly 60–80pt, creating two distinct reading zones: philosophy on top, proof below.

On-frame caption: “Small steps, big momentum”

A full iPhone is centered against the white canvas. The caption at top left reads “Small steps,” in italic and “big momentum” in roman. The status bar shows 9:41. The app screen displays a home feed on a warm off-white background (#F5F5F0). A circular avatar sits top left; a black pill-shaped “+ Habits” button sits top right. A horizontal calendar strip runs beneath, from “Wed 04” through “Today 10,” the latter selected in a filled black circle. The main content is two large, organically shaped cards with heavy, non-uniform corner radii—almost pebble-like. The first card reads “Read 10 pages” in a dark serif, with the identity statement “I want to become / A Reader” beneath. A yellow-orange lightning badge (#F5B747) holds the number “45.” The second card, clipped at the bottom, shows “Text a friend” with a magenta-purple badge (#D946EF) holding “12.” The tab bar is visible: Home (filled), Progress, Mindset, Focus. A “Compact View” toggle sits near the top of the screen. Behind the phone, large sage-green abstract blobs (#B0CDB8) float in from the top right, echoing the card shapes but at lower contrast. The overall impression is soft, calm, and intentionally low-density.

On-frame caption: “We meet you where you are”

The iPhone is cropped hard to the right edge; only about 40 percent of the device is visible. The caption at left reads “We meet you / where you are,” with “where you are” italicized. A dark modal (#1C1C1E) breaks out of the phone bounds and floats over both the device and the white background, creating a 2.5D layer. Its header carries an orange sparkle icon and the word “Suggestion.” The modal headline states: “Remember the 'Never Miss Twice' rule to become a mindful person,” with “become a mindful person” rendered in warm orange (#F5A623). Body copy in mid-gray (#9F9F9F) reads: “The problem is not slipping up; the problem is thinking that if you can't do something perfectly, then you shouldn't do it at all.” Behind the modal, the visible phone screen shows the header “Habit progress” and a fragment of supporting copy. Sage-green blobs reappear in the top left, visually bridging this frame with the previous one. The modal casts no shadow; it relies entirely on contrast and scale to separate from the background, which keeps the look flat and editorial but slightly reduces depth cues.

On-frame caption: “And evolve as you evolve”

Mirroring Frame 4, the iPhone is now cropped to the left edge, showing roughly the leftmost 35 percent of the device. The caption sits at top right: “And evolve / as you evolve,” with “as you evolve” in italic. A dark modal (#1C1C1E) dominates the center, this time fully closed with an “X” dismiss button in its top-right corner. The headline asks, “Is Read 10 pages still working for you?” with “Read 10 pages” highlighted in yellow (#F5C542). Subcopy reads: “Get support for making it more obvious, attractive, easy, and satisfying.” Inside the modal, a dark stat bar (#2C2C2E) splits into two columns: “Repetitions 98” and “Current streak 0.” Two full-width buttons follow: “Adjust habit” in white (#FFFFFF), and “Not right now” in dark gray (#3A3A3C). Behind the device, yellow pebble shapes (#FCD34D) intrude from the bottom right. The visible portion of the phone screen shows a segmented bar chart in orange (#F97316) and purple (#A855F7), plus list counts “98” and “75.” The diagonal flow—from top-right caption to center-left phone to bottom-right blobs—creates a restless but energetic composition.

On-frame caption: “Build good habits, break bad ones, and make better decisions with expert guidance”

The iPhone returns to a centered, fully visible position. The caption above spans three lines: “Build good habits, break bad / ones, and make better decisions / with expert guidance,” with “with expert guidance” italicized. The screen shows a content feed titled “Daily Lesson” beside a sparkle icon; a “View all >” chevron sits top right. A hero card labeled “Lesson 3” carries the headline “Just because improvements aren't visible doesn't mean they aren't happening,” set in the same dark serif used throughout the app. Gray body copy beneath is truncated mid-sentence: “You're not going to see the number change each time you step on the scale. You're not going to finish a chapter each...” Below, a “Productivity” section header introduces horizontally scrolling cards with a lavender-pink wash; the first reads “Why Tiny Changes make a big difference” with a “5 minutes to read” callout. The second card is partially visible: “Forget abou... on Systems.” In the canvas negative space, a dark navy blob (#2E4560) hovers above the phone, while a yellow form peeks from the bottom left, creating diagonal color balance. The dotted texture in the app’s header area adds subtle tactile grain.

On-frame caption: “Share Atoms with a friend and support each other in making tiny changes for remarkable results”

A centered iPhone displays a profile and social screen. Below the device—unlike every other frame—the caption reads: “Share Atoms with a friend and / support each other in making tiny / changes for remarkable results,” with “remarkable results” italicized. The screen lists “Jessica Hanson” in bold sans, with metadata “3 active habits · 2 identities” in muted gray. A gradient card spanning orange to purple (#FB923C to #C084FC) introduces the “Hall of Fame,” explaining: “The Hall of Fame celebrates habits you've formed and decided to retire.” Two pill buttons sit inside the card: “4 habits” with a dropdown arrow, and “Share” with an upload icon. Beneath, social connection rows show avatar bubbles for “Ralph Edwards” and “Leslie Alexander,” with permission subtitles “Can see your habit progress” and “See their habit progress.” An “Account information” section anchors the bottom with a chevron row for “Email.” Below the phone, two overlapping purple blobs (#7C3AED) mirror the card gradient above. By placing the caption under the hardware, the frame forces the viewer to scan dense UI before reaching the value proposition, which breaks the rhythm established in earlier frames.