Franki App Store screenshots

On-frame caption: “MAKE EVERY HOUR HAPPY HOUR”

Frame 1 is a full-bleed photograph of a diner in a warm, low-lit restaurant. There is no device chrome. The Franki wordmark and a chain-link icon are locked to the upper-right corner in pale yellow, functioning as a watermark rather than a header. Dominating the lower two-thirds is the stacked headline “MAKE EVERY HOUR HAPPY HOUR,” set in an extra-heavy, rounded sans, centered, and cropped so aggressively that individual words breach the left and right frame edges. The type is rendered in a bright, warm yellow (~#FFEA00) that matches the brand’s accent system. Critically, there is no scrim, gradient, or drop shadow behind the text. The upper words land mostly against dark hair and background, but the lower words cross over glassware, a white ceramic bowl, and the subject’s off-white shirt. Because the photograph’s mid-tones sit so close to the headline’s luminosity, the letterforms lose definition wherever they overlap highlights. Structurally, the frame acts as a categorical billboard: it sacrifices UI legibility entirely for emotional positioning, betting that the shopper will accept the vibe before asking for the mechanism.

On-frame caption: “Get rewarded for going out”

The second frame centers a single notch iPhone against the olive ground (~#7E7318). The caption “Get rewarded for going out” sits in cream, top-center. Inside the device, the UI displays an earnings-history screen. A pale-yellow header block (~#FFF9C4) contains the text “Total balance” in small gray, followed by “$389.65” in oversized black weight, and “$509.73 All-time earnings” in smaller gray beneath it. A white pill-shaped button with a thin black outline reads “Withdraw.” Below, on a white ground, a tab trio—“Overview Activities History”—shows “History” active with a black underline. The body is a two-column ledger: left-aligned descriptors such as “Cash Back Earned,” “Level Up Bonus,” “Adventures,” “Referrals,” “Gig Reward,” and “Other Earnings” are paired with right-aligned dollar amounts. The bottom tab bar shows five icons; the dollar-sign icon is highlighted inside a yellow circle. By placing a finance screen this early, the frame shifts the app’s center of gravity toward tangible reward. The single-device treatment makes the ledger text legible, though the hierarchy relies entirely on weight and indentation, with no horizontal rules to separate rows.

On-frame caption: “Discover the best spots to drink and dine”

Frame 3 introduces the two-device motif that will dominate the rest of the set. The caption reads “Discover the best spots to drink and dine.” The rear/left phone shows a detail view of a pasta dish at “Buona Forchetta Restaurants - San Diego,” with a truncated review from “thecozylilac” and a yellow CTA reading “Get 5% Cash Back.” Engagement metrics (“2.6k” hearts) appear at the bottom. The front/right phone shows a discovery feed: a “Nearby” dropdown, a “Discover / Earn” segmented control, a “Franki Highlight” chip, and a card for “Pura Vita $$ - Italian - 95% - 1.3mi Date Night.” Its bottom nav shows the home icon active in yellow. The phones overlap by roughly twenty percent of their width, so the rear device’s midsection is structurally present but visually consumed. At thumbnail scale, the smaller text on the rear phone dissolves, meaning half the frame’s pixels serve only as atmospheric context. Two yellow abstract blobs—one entering from the top right, one from the bottom left—continue the brand wallpaper. The frame attempts to compress both social proof and browseability into one swipe, trading legibility for density.

On-frame caption: “Earn cash back at thousands of top restaurants”

The fourth frame carries the caption “Earn cash back at thousands of top restaurants.” Two devices overlap again. The front/left phone displays a restaurant page for “Animae,” partially obscured by a bright-yellow bottom sheet (~#FFEA00) that states, verbatim, “You're ready to earn 10% Cash Back (up to $50).” Beneath, a vertical three-step checklist reads: “Activate offer,” “Pay with your linked card,” and “Wait 5-10 days for the cash back.” A small “Terms & Conditions” link sits above a white pill button: “Go to My Offers →.” The rear/right phone shows a full-bleed seafood dish at “Vater Grill - Los Angeles” with its own yellow “Get 5% Cash Back” bar. Because the modal sheet is the same yellow as the abstract brand blobs, it competes for attention across the entire frame; at small sizes the sheet flattens against the background graphic language and can be mistaken for a decorative shape rather than UI. The composition places the left device lower and forward, making the yellow sheet the dominant focal point. The right device, again, serves as proof of catalogue depth but is visually subordinate.

On-frame caption: “Share your experiences & level up”

Frame 5 is captioned “Share your experiences & level up.” The left/rear phone shows a user-generated photo of two people holding cocktails, posted by “torirod” with the caption, “You can't go wrong with an elephant% cocktail at sunset! 🐘” The venue is listed as “Elephante GIG Restaurants - Santa Monica,” with a yellow “Get 5% Cash Back” button below. The front/right phone returns to the finance UI, now on the “Overview” tab. The balance reads “$327.25.” A neon-lime banner (~#C8FF00) promotes “Refer & Earn” with a “Refer Now” button—a hue that breaks the strict yellow-olive-cream system seen in every other frame. Below, a gamification module reads “Level 6 →” with an XP progress bar at 510/750 and the task “Rate 2 Businesses in Any Manner” checked off. The juxtaposition attempts to link content creation with progression, but the green banner introduces chromatic dissonance that fractures the palette. The bottom tab bar shows the dollar-sign icon active in yellow, maintaining navigational consistency. As with the previous two-device frames, the rear phone’s text is too small to survive thumbnail compression.

On-frame caption: “See what your friends love & save your faves with Lists”

The final frame is captioned “See what your friends love & save your faves with Lists.” The front/left phone renders a list-detail page titled “My Fave Brunch Spots” by “canwin.eats.” The description reads, “The title says it all. All my favorite Brunch spots in LA. Enjoy!” Location metadata shows “Los Angeles, CA +2 more.” Three rows list “République,” “Redbird,” and “Mirate,” each with “5% Cash Back,” “$$$” price descriptors, cuisine tags, city tags, and user notes in gray: “Get the blueberry ricotta pancakes” and “Amazing brunch cocktails!” Circular add buttons sit at the right edge of each row. The rear/right phone shows a user profile for “Hypekeast23” with stats “80 Visits, 158 Followers, 183 Following,” and tabs for “My Lists” and “Following.” Grid thumbnails include “Want to Try” and the same brunch list. This frame finally surfaces the social graph explicitly. The list view is information-dense, using small gray meta text that approaches the limits of App Store thumbnail readability. The profile device shows the user icon active in the tab bar, reinforcing that the social layer is a first-class destination, not an afterthought.