Flashfood App Store screenshots

On-frame caption: “Grocery's best kept deals”

Frame 1: The opening shot is a pure brand frame with no device chrome. The entire canvas is flooded in that saturated royal blue—roughly #2B68FF—leaving no border or gradient. Set flush left in the upper third is the headline lockup: 'Grocery's' on the first line, 'best kept' on the second, and 'deals' on the third, all in white (#FFFFFF) at a massive display size, perhaps the equivalent of 80–100 pt if scaled to a 1290 px width. The line breaks are aggressive, turning the headline into a tall rectangle of type. Centered vertically in the frame is a shopping-basket silhouette built entirely from photographic groceries—blueberries, peppers, salmon fillets, bananas, broccoli, corn, cherry tomatoes, and a bagel—arranged in a tight wreath so that the negative space inside the basket reads as a perfect circle of uninterrupted blue. At the bottom, the wordmark 'Flashfood' repeats in the same white weight, anchoring the composition. There is no supporting copy, no App Store feature callout, no phone frame. The hierarchy relies entirely on scale and contrast ratios that sit comfortably above WCAG AA for large text.

On-frame caption: “Browse daily deals”

Frame 2: The background shifts to warm off-white, around #F5F5F0, and the device frame arrives. The headline 'Browse' sits above 'daily deals' in the same bold blue, aligned flush left in the top safe zone. Decorative food photography bleeds in from the edges—blueberries at the top-left and top-right, a sliced lemon at mid-right, a raw steak fragment at bottom-right, a single blueberry at mid-left—none touching the bezel. The device itself is a dark navy rectangle, roughly #0D1D2E, showing an iPhone-style status bar with '9:00'. Inside, the UI displays a vertical feed of store cards. The first cell reads 'Flashfood Store #12', '3 mi away • Open today until 9:00', followed by a horizontally scrolling row of thumbnails: mixed produce, raw steaks, and a terminal 'More Items' card carrying a right arrow. Prices are rendered in the headline blue for the discounted value—'$2.50'—and a muted gray for the struck-through '$5.00', with a gray 'Best by Oct 25, 2024' beneath. A second cell, 'Flashfood Store #3', adds a small gray 'EBT' pill. The native tab bar is visible at bottom: 'Explore' in active blue, 'Orders', and 'Profile'. The layout establishes the core discovery pattern but does so with the tab bar cropped to its label icons, implying a taller scroll captured in a static crop.

On-frame caption: “All the meats, fruits, veggies & more”

Frame 3: Again on the off-white ground, the frame now carries a lemon wedge at the top-left, a tomato at top-right, a meat cut at bottom-left, and a yellow squash flower at bottom-right. The headline spans three lines: 'All the meats,' 'fruits, veggies' and '& more'. The device presents a product detail modal. The header row shows an 'X' dismiss button left, the truncated title 'AAA Angus Steak - 1.2 lb t...' center, and the 9:00 status bar above. The hero image is a full-bleed photograph of raw AAA Angus Steak in a black foam tray, its marbling clearly visible. Below, the full title resolves to 'AAA Angus Steak - 1.2 lb tray', followed by the price pair: '$2.50' in headline blue against a gray strikethrough '$5.00'. The date 'Best by Jun 2, 2024' sits in secondary gray. An accordion row with a snowflake icon states 'This is a frozen item', with the sub-line 'Here's what you need to know' and a downward chevron. A disclaimer paragraph appears in small gray text. At the bottom, a gray stepper control ('−', '1', '+') and a blue 'Add to cart' button split the lower toolbar. The button blue matches the headline ink, locking the brand color to the primary action.

On-frame caption: “Same-day pickup, no long lines”

Frame 4: The off-white background continues, now with shrimp and salmon-orange curls entering from the top-right, broccoli and cucumber from the bottom-left, and blackberries from the bottom-right. The headline 'Same-day pickup,' and 'no long lines' sits in the familiar blue. The device shows a post-purchase confirmation. The header contains an 'X' and the text 'Store near you'. Centered beneath is a large solid-blue circle with a white shopping-bag glyph, followed by 'Order confirmed' and the gray subhead: 'Find and confirm your order in the Flashfood zone by guest services.' Three rows follow: a location pin labeled 'Store near you', a clock icon with 'Pick up by Tue Oct 25, 2024 - until 9:00pm' rendered in the headline blue rather than gray, and a checkmark icon with 'Pickup instructions' and a downward chevron. The order ID 'Order #20000002434154' appears left, with a gray 'Copy' text button right. Line-item rows show thumbnails, truncated product names—'Fresh Atlantic Salmon Fillets, Skin...' and 'Mixed Produce Box #29'—Best By dates, and discounted prices ($4.00 vs $8.00, $2.50 vs $5.00). At the bottom, a receipt row reads 'Receipt $6.50' above 'Visa 2251'. The frame functions as the set’s trust and fulfillment beat.

On-frame caption: “At more than 2000+ locations”

Frame 5: The decorative margin changes again—salmon curls at left, an herb sprig top-right, bell pepper at right, a baguette bottom-right, blackberries bottom-left—but the background remains the same off-white. The headline 'At more than 2000+ locations' occupies the upper-left. Inside the device, the top half of the screen is a map: light gray streets, a filled blue pin with a white ring indicating the selected store, and surrounding solid blue or gray pins. A white pill in the lower-right of the map holds '10 mi'. The bottom half is dominated by a bottom-sheet store list that mirrors Frame 2 almost exactly: 'Flashfood Store #12', '3 mi away • Open today until 9:00', and the same horizontal thumbnail row with blue strikethrough pricing. A second store cell, 'Flashfood Store #3', again carries the gray 'EBT' pill. The tab bar reappears. The intent is geographic proof, but the visual payload is heavily recycled from earlier in the sequence.

On-frame caption: “Find us at a grocery store near you”

Frame 6: This frame breaks the pattern: there is no device bezel at all. The top third returns to off-white and carries the headline 'Find us at a grocery store near you' in the same blue. Below the headline sits a flat vector still-life of produce—a red onion, strawberries in a blue basket, lettuce, a red pepper, broccoli—resting on a horizontal shelf edge. The bottom two-thirds of the canvas switches to a kraft-paper brown texture. Against this paper field, eight retailer logos sit inside white rounded-rectangle cards with roughly 12 pt corner radius, arranged in a strict two-by-four grid. The logos are Giant Eagle, Meijer, Lucky California, MARTIN'S, FAMILY FARE., Piggly Wiggly Midwest, Tops Friendly Markets, and VG's Grocery, each preserved in native brand color. The spacing between cards appears even, with generous gutters that let the brown background read as negative space. It is the set’s only pure social-proof frame.

On-frame caption: “Rake in the savings”

Frame 7: The final frame reintroduces the dark device bezel against the off-white ground, now overlaid with a large yellow vector lemon or sun disc at the top-right and an illustrated salad bowl nearby. The headline reads 'Rake in the savings'. Inside the phone, the 'Savings' screen begins with a back arrow and the screen title. A hero illustration fills the upper portion: food items—cheese, tomato, banana, onion, avocado, a salad bowl—arranged on a bright blue checkered picnic blanket. Below, 'Save with every purchase!' appears in the headline blue, followed by the gray body copy: 'Thank you for being a part of Flashfood. We are proud of your savings progress.' Two metric cards occupy the remainder: a tomato icon beside the label 'Money you saved', trailing the value '$59' inside a light blue pill; and an earth icon beside 'CO2 avoided', trailing '11mi' in an identical pill. The UI cards use a thin gray hairline border and generous internal padding, floating above the white screen ground.