Timeleft App Store screenshots

On-frame caption: “Meet new people offline”

The first frame opens with a full-bleed photograph of a diverse group seated around a dinner table, shot from a slightly low angle so that the subjects feel inviting and present. The Timeleft wordmark sits centered in the upper third, rendered in a clean white sans-serif with a distinctive cut on the lowercase ‘t.’ Below the image, a dense black gradient—fading from transparent to roughly #0B0B0B—supports the headline. The headline itself is set in three typographic registers: ‘Meet’ in an upright, high-contrast serif; ‘new’ in a flowing white script; and ‘people offline’ in a lighter italic serif. This mixing establishes the editorial tone immediately. Beneath the headline, the bottom 20 percent of the frame is packed with credibility signals: a five-star App Store rating reading ‘18,000+ 5 STAR REVIEWS,’ laurel wreaths, a ‘BEST APPS OF 2024’ Google Play badge, and logotypes for The Washington Post, NBC, ELLE, and VICE. The density here is intentional—social apps live or die on trust, and frame 1 chooses to lead with third-party validation before showing a single interface element. The trade-off is that the trust bar competes for attention with the headline; the eye does not know whether to read the serif promise or scan the media row first.

On-frame caption: “We’ll match you with people compatible with you”

Frame 2 drops the photography entirely, shifting to the warm cream backdrop that will define every subsequent UI frame. The headline, set in near-black against the cream, reads ‘We’ll match you with people *compatible* with you,’ with the word ‘compatible’ rendered in the same white script seen in frame 1. Below the text, a device mockup floats with a soft gray shadow and a hairline border. Inside the device, the app is running a personality quiz titled ‘Personality.’ A thin progress bar at the top carries an orange-to-pink gradient—approximately #FF9F43 to #FF6B9D—spanning roughly one-quarter of its width. The quiz prompt, ‘Are your opinions usually guided by:,’ is centered in a clean sans-serif. Two massive touch targets dominate the lower half of the screen: ‘🧠 Logic and facts’ and ‘❤️ Emotions and feelings,’ each inside a white rounded rectangle with a 1pt black border and corner radii around 24pt. The second button is cropped at the bottom edge of the device, implying a scrollable or lengthy screen. The status bar shows the standard Apple 9:41 time and full signal indicators. Notably, there is no visible tab bar or navigation chrome here; the UI reads as an immersive, modal step-by-step flow, which helps reduce cognitive load for the viewer.

On-frame caption: “Join a Timeleft event every week”

Frame 3 maintains the cream background and introduces the app’s home screen. The headline places ‘every week’ in italic serif, continuing the pattern of mixed emphasis. Inside the device, the interface presents a personalized greeting—‘Hi Elsa 👋’—followed by a location header, ‘Meet people in Los Angeles,’ where ‘Los Angeles’ is set in a lighter gray (#8E8E93) to subordinate it beneath the action-oriented ‘Book your next event.’ Four event cards stack vertically, each with a rounded white container, a left-aligned category icon inside a tinted circle, and a right-aligned black circular action button containing a white arrow. The color coding is specific: dinner events get an orange fork-and-knife icon, drinks get a mint-green clinking-glasses icon (#34C759), and the women-only dinner gets a pink variant of the fork-and-knife. Each card lists a day, date, and time in a strict sans-serif hierarchy. At the very bottom of the device, a tab bar is visible but aggressively cropped—the top halves of four icons peek above the frame edge, while the labels are entirely lost. This reads as an awkward compromise: the designer wanted to show the tab bar to prove persistent navigation exists, but the crop makes it look like an export error rather than an intentional bleed.

On-frame caption: “Discover your venue the day before”

The fourth frame returns to photography, this time a tighter crop of smiling diners leaning across a table. The headline ‘Discover your *venue* the day before’ floats in the upper third, with ‘venue’ rendered in the editorial script. A dark gradient vignette behind the text ensures contrast against the warm skin tones and interior lighting. Anchored at the bottom is a device mockup showing a venue card. The card is headed by the word ‘Restaurant’ in bold, followed by ‘Pizzeria Sei,’ a full street address (‘8781 W Pico Blvd, Los Angeles, CA 90035, U.S.’), and ‘Table 1’ in smaller gray text. Below the copy sits an embedded map—clearly Apple Maps styling—with an orange pizza-slice pin dropped at the restaurant location. Streets such as Wilshire Blvd and W Pico Blvd are legible. The device itself has a pronounced border and rounded corners that echo the card’s geometry inside it. By placing the map inside the device and the device inside the photograph, the frame creates a visual sandwich: real world on top, digital confirmation on bottom. The hierarchy is clear, but the frame risks feeling like two disconnected layers because the device does not integrate with the photograph as seamlessly as in frame 1.

On-frame caption: “Get to know your group the day before”

Frame 5 breaks the orthogonal grid. The device is rotated roughly 12 to 15 degrees clockwise and set against the familiar cream background, though a subtle peach vignette bleeds in from the bottom right corner. The headline reads ‘Get to *know your group* the day before,’ with ‘know your group’ in italic. Inside the tilted screen, a section titled ‘Your group’ displays five gradient smiley-face circles in cyan, yellow, orange, pink, and purple, followed by the phrase ‘New people are waiting for you!’ Below that, a ‘Jobs’ list pairs emoji with industry tags: ‘🤖 Technology,’ ‘🎲 Services,’ ‘🎒 Healthcare,’ and ‘💬 Media & social media.’ A ‘Nationalities’ section lists ‘🇺🇸 American’ and ‘🇧🇷 Brazilian.’ The rotation is presumably meant to inject dynamism into an otherwise static carousel, but the effect is questionable: the horizontal text within the tilted device fights against the vertical orientation of the screenshot itself, forcing the shopper to mentally rotate the content. Because the status bar and safe-area margins are cropped by the angle, the device also loses some of its structural context. The information architecture—anonymous emoji avatars, job categories, national flags—successfully communicates diversity and privacy at once, which is a clever solution for a social app that must preview strangers without exposing their identities.

On-frame caption: “Break the ice with our game”

Frame 6 is the most chromatically aggressive of the set. Against the cream backdrop, the headline ‘Break the ice with *our game*’ sets up a device running a modal titled ‘Dinner game.’ The modal’s chrome is minimal: a centered nav title and an ‘X’ close button in the upper right. The entire content area is consumed by a single large orange card—this is the app’s accent color at full saturation, approximately #FF6B1A or #FF7700—with an extreme corner radius of roughly 40–48pt. The card feels tactile, almost like a physical playing card. Centered on the orange, in bold black sans-serif, is the prompt: ‘What’s the greatest adventure you’d like to experience in the coming year?’ Pagination at the bottom center reads ‘1/16,’ telling the viewer that the game is extensive. The color contrast is stark: black on orange is less common in the Social category than white on purple or blue, so it arrests the swipe. However, the orange used here is noticeably more saturated than the softer orange of the dinner icons in frame 3 or the progress-bar gradient in frame 2. The discrepancy suggests either a separate design system for the game module or an oversight in color governance; either way, the palette loosens here.

On-frame caption: “Decide who you want to connect with”

Frame 7 brings the user to the post-event matching phase. The headline reads ‘Decide who you want *to connect with*,’ with the final words in italic serif. Inside the device, a screen titled ‘Impressions’ presents a progress bar in the same orange-to-pink gradient seen in frame 2, now roughly two-thirds complete. A large mascot icon—an abstract cat-like face wearing sunglasses on a pink circle—sits above the prompt: ‘Who had that ‘I could talk to you for hours’ vibe?’ Sub-copy reads ‘Choose as many people as you’d like!’ A two-by-two grid of profile tiles fills the center. Each tile contains a circular avatar (either a colored smiley face or a photograph), a first name, a flag emoji indicating nationality, and a job tag such as ‘Services,’ ‘Tech,’ ‘Finance,’ or ‘Health.’ Empty checkboxes perch in the upper right of each tile. At the bottom, a full-width pill button labeled ‘Continue’ sits in a medium gray (#8E8E93), suggesting a disabled or default state awaiting input. The layout is clean and scannable, but the grid spacing feels slightly loose; the gutters between tiles could be tightened to reinforce the relationship between avatar and checkbox. The presence of the word ‘Skip’ in the upper right is a subtle but important trust signal, implying that the user is never trapped in a flow.

On-frame caption: “Keep the conversation going after the event”

The final frame closes the narrative loop. A full-bleed photograph shows two people laughing at what appears to be a bar or kitchen counter, shot in warm, intimate lighting. The headline ‘Keep the *conversation going* after the event’ places emphasis on ‘conversation going’ in italic script. A device mockup is overlaid in the lower half, displaying an in-app chat with a contact named ‘André’ from Paris, flagged with a French flag emoji. The conversation is dated and realistic: ‘Yesterday at 11:31’ opens with André saying, ‘Hey Elsa, how are you? It was so nice meeting you yesterday 🍻.’ A ‘Today’ separator follows, then a user reply, ‘Hey André, same it was super cool! What are your plans for the weekend?’ The back-and-forth continues with plans for an art exhibit and an affirmative ‘Yes, I’d love to!’ Blue-gray incoming bubbles (#E9E9EB with a slight cool shift) and white outgoing bubbles maintain standard iOS chat conventions, which lowers the learning curve to zero. The device is framed by a darkened photographic vignette that ensures the white bubbles do not bleed into any bright background areas. By ending on messaging rather than another lifestyle shot, the designer emphasizes that Timeleft is not merely an event broker; it is a platform for sustained connection. It is a structurally sound closer, though the tone of the chat—cheerful but generic—could have included a specific reference to the dinner or icebreaker game to tie the loop even tighter.