Fabric App Store screenshots

On-frame caption: “Your AI workspace”

Frame 1 opens with a full-bleed white canvas. The headline ‘Your AI workspace’ sits in the upper safe zone, centered and set in the same large black serif that will dominate every subsequent frame. Below it, a titanium iPhone 15 Pro—complete with Dynamic Island, speaker mesh, and charging port—is centered vertically. The phone displays the app’s dashboard: a greeting reading ‘Good morning, Aya’ with a sun icon; a ‘Recent items >’ section containing an audio card labeled ‘intro_resampl...mp3’ with a gray waveform and a ‘12 comments’ badge; a text card beginning ‘The presentation went fine. Marc had good questions...’; and a ‘Recent spaces >’ section showing cards for ‘March launch tape,’ ‘Research,’ and a third card cropped to ‘Spac...’. At the bottom of the phone screen, an input sheet shows the sentence: ‘That book Maya recommended is actually pretty good so far. Didn't expect to like it but she was right. Should tell her that.’ Below the device, a soft white pill shape contains five yellow stars (#FACC15), and beneath that pill the text reads ‘Loved by 100,000+ users’ in a neutral gray sans-serif (#6B7280). The frame establishes immediate social proof and gives the shopper a complete map of the app’s home-level information architecture. However, the star pill is oversized relative to the caption beneath it, and the vertical gap between the pill and the social-proof text feels accidental rather than measured.

On-frame caption: “AI that lives where your work does”

Frame 2 is the first disruption. There is no device frame. Instead, the canvas floats a PDF document—specifically the academic paper ‘Attention Is All You Need’ with author names including Ashish Vaswani, Noam Shazeer, and Niki Parmar visible—beside a gray ‘PDF’ label at upper left. The app’s black rounded-square icon, bearing a white smiley face, hovers at upper right, backlit by a sweeping translucent indigo shape that reads roughly #4F46E5 at its core. Below the document, a black chat sheet interrupts the composition, branded ‘Fabric assistant’ with the same smiley glyph and the prompt ‘Ask me about this PDF.’ An input field reads ‘find my related notes’ with a blue text cursor and a gray circular send button. The gradient here is the most expressive in the entire set, flowing behind the elements like a spotlight. Because this frame abandons the literal device that Frame 1 just established, the shopper’s mental model is forced to shift from ‘app on a phone’ to ‘ambient layer over documents.’ That conceptual leap is risky in the second slot.

On-frame caption: “Find anything by meaning”

Frame 3 continues the free-floating approach. No iPhone bezel appears. Centered in the frame is a white pill-shaped search bar with a gray magnifying glass and the query ‘abstract portrait photo’ in black sans-serif, terminated by a blue insertion caret. Four image thumbnails orbit the search field: a sharp black-and-white portrait with tape-like distortion at upper right; a blurred dark thumbnail at upper left; a green-tinted silhouette with scan lines at lower left; a black-and-white figure in a hat at lower center; and a blurred red thumbnail at far right. The background transitions from pure white at top to a saturated blue gradient (#4F46E5) at bottom. The composition is sparse and gestural, suggesting semantic search rather than keyword matching. Yet without any device boundary, it is impossible to tell whether this is a mobile interface, a tablet layout, or a desktop modal. The frame sacrifices concrete product evidence for atmosphere.

On-frame caption: “Write 10x faster”

The device frame returns here. An iPhone 15 Pro shows a text editor with a paragraph highlighted in light blue (#93C5FD). The visible text ends with ‘...popular that demand exceeded capacity, which allowed Ford to plan production far in advance.’ Overlapping the lower half of the screen is a black bottom-sheet chat interface. It opens with a purple circle avatar labeled ‘K’ and ‘You,’ followed by the command: ‘change the tone to be more casual.’ The assistant replies beneath its smiley icon: ‘Draft changes applied.’ Two pill buttons sit side by side—a dark green ‘Accept’ (#15803D) and a dark red ‘Reject’ (#7F1D1D). A fresh input field at the bottom reads ‘replace with bullet points.’ Subtle purple gradients bleed into the bottom corners, echoing Frame 2’s palette. The black sheet is so dominant that the actual writing surface is reduced to a narrow strip; the shopper sees the *act* of rewriting more than the *context* of the document. That focus may be intentional, but it undersells the editor itself.

On-frame caption: “Organize your ideas, thoughts and projects”

Frame 5 places an iPhone 15 Pro at center, displaying a project space titled ‘March launch tape.’ A CD emoji serves as the space icon. The subtitle reads ‘Assets and discussion for the March launch tape.’ The body is a masonry grid of media cards: an audio card with music-note icon, waveform, filename ‘intro_resampl...mp3,’ duration ‘10:03,’ and a purple ‘K’ badge with ‘12 comments’; a video card with camera icon showing a cinematographer, labeled ‘project a inspo +3’ with a red ‘E’ badge and ‘3 comments’; a second video card showing a figure in a green dress in a field, also tagged ‘project a inspo +3’ with ‘2 comments’; an image card showing a cowboy silhouette on horseback at sunset; and partial glimpses of a second audio card and a text card beginning ‘Scene 4 script / EXT. OVERGROWN GARDEN - GOLDEN.’ Blue gradient vignettes press in from the left and right edges. This is the only frame that exposes the app’s spatial organization model, and it does so with realistic, messy project data rather than sanitized placeholders. The ‘March launch tape’ space, however, repeats the exact dummy title already shown in Frame 1, which makes the carousel feel like it is circling the same example rather than expanding the universe.

On-frame caption: “Turn conversations into notes, automatically”

Frame 6 keeps the iPhone frame and shows a document titled ‘Lecture Summary: October 15, 2025.’ The body text, slightly dimmed, discusses economic theory: ‘Today’s lecture covered the four...’ and later, ‘price. The professor emphasized that this is mostly theoretical—agricultural markets come closest to this model.’ Floating above the document is a white rounded recording widget containing the label ‘Recording,’ a gray waveform, a red status dot (#EF4444), and a bold black timer reading ‘00:00:31.’ Beneath the timer, a dropdown reads ‘Study notes’ with a tag icon and downward chevron. The widget casts a soft shadow that separates it cleanly from the document layer beneath. Blue edge gradients return. The frame is successful because it stage-manages depth: the recording UI feels like a tangible object hovering over content, and the timer’s large numerals read instantly at thumbnail scale. The red dot is the only warm accent in an otherwise cool frame, drawing the eye directly to the active state.

On-frame caption: “Collaborate together, live”

Frame 7 is the busiest composition in the set. An iPhone 15 Pro displays a live document with two user highlights: ‘quick notes’ in pink (#F9A8D8) tagged with an ‘Aida’ pill in magenta (#EC4899), and ‘editor with real-time’ in orange (#FBBF24) tagged with an ‘Emily’ pill in amber (#F59E0B). Below the text, an audio player shows a waveform, play triangle, gray scrubber, and timestamp ‘1:20.’ A file attachment row reads ‘brand_assets.zip 2MB,’ circled by a hand-drawn blue scribble stroke. At bottom right, a cursor arrow points to a blue ‘You’ pill (#3B82F6). A Memoji avatar—male, bearded, wearing star-shaped glasses—floats off the right edge of the phone. The left and right canvas edges are washed in blue gradient. The density is intentional, meant to communicate simultaneity, but the result is cacophony. Six distinct graphic systems compete: flat highlight colors, flat avatar pills, a skeuomorphic audio player, a hand-drawn circle, a custom cursor, and an illustration-style Memoji. Nothing in the previous frames prepared the shopper for this level of noise.

On-frame caption: “Annotate any file or note”

Frame 8 closes with an iPhone 15 Pro showing a document paragraph highlighted in pale yellow (#FEF08A). The highlighted text reads: ‘and embedded sensors map your body in seconds while AI analyzes your purchase history, Instagram likes, and even the weather forecast for your next three destinations. The mirror suggests a wool coat in charcoal, cut longer in the back. You didn't know you.’ A comment bubble overlays the lower third: a purple ‘K’ avatar, a black quote pill containing ‘Step inside one, and embedded s...,’ and the comment text ‘this would be very interesting to weave into page 4, what do you think @emily?’ with the mention rendered in blue (#3B82F6). Behind the bubble, the document text continues dimmed: ‘brand's Milan innovation lab. Around us, technicians adjust 3D body scanners while a robotic arm practices folding cashmere...’ Blue gradient vignettes frame the device. The frame effectively demonstrates threaded annotation, but the yellow highlight against the white card background offers poor differentiation, and the headline ‘Annotate any file or note’ is the least differentiated claim in the entire set—every competitor makes the same promise.