View on App Store
4.3
48.5K ratingsScreenshot story
The journey begins with the romantic concept of crossing paths in the real world, moves through features that reveal local proximity and deeper personality traits, and ends with a call to make these digital connections real.
iPhone gallery
The complete screenshot set
Select any frame to study its layout, content, and palette.
Observed in the listing
Frame-by-frame listing evidence
Across 7 frames, happn most often uses floating device composition and device treatment with solid backgrounds. 7 frames include visible caption copy.
Frame 1
Cross paths
- Composition / device
- panoramic
- Content
- lifestyle
- Background
- photo
- Copy treatment
- bottom, bold, mysterious
Frame 2
Date local
- Composition / device
- panoramic
- Content
- lifestyle
- Background
- photo
- Copy treatment
- top, direct, punchy
Frame 3
Find who you’ve crossed paths with
- Composition / device
- floating device
- Content
- ui screenshot
- Background
- solid
- Copy treatment
- top, informative, functional
Frame 4
Meet great people around you
- Composition / device
- floating device
- Content
- ui screenshot
- Background
- solid
- Copy treatment
- top, inviting, warm
Frame 5
Go beyond photos
- Composition / device
- floating device
- Content
- ui screenshot
- Background
- solid
- Copy treatment
- top, benefit led, modern
Frame 6
Feel safe, date local
- Composition / device
- floating device
- Content
- ui screenshot
- Background
- solid
- Copy treatment
- top, reassuring, direct
Frame 7
Make it real, Make it happn
- Composition / device
- lifestyle photo
- Content
- lifestyle
- Background
- photo
- Copy treatment
- top, inspiring, brand led
Explore by detail
Study the system behind the set
Design analysis
What makes this set work
Happn uses a sophisticated serif-heavy typographic style to distance itself from the gamified swipe-culture of competitors, leaning instead into a serendipity narrative. The design utilizes a panoramic opening pair to establish an emotional connection before diving into the UI. The color palette is grounded in a warm, premium cream (#fbf9f4) rather than stark white, making the interface feel more intimate and less clinical. By layering lifestyle elements-like floating 3D objects representing ramen, coffee, and pottery-over the UI screenshots, the brand successfully bridges the gap between digital interaction and tangible real-world dating. Designers can steal the effective use of a high-contrast serif font to elevate perceived brand value and the 'propped' UI style to inject character into standard screens.
Keep exploring
