View on App Store
4.7
3.5M ratingsScreenshot story
The journey begins with personal expression through custom emojis, moves into real-time social activities like streaming and gaming, and concludes with a cross-platform lifestyle promise that Discord is the home for any gaming community.
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 6 frames, Discord most often uses floating device composition and device treatment with gradient backgrounds. 6 frames include visible caption copy.
Frame 1
GROUP CHAT THAT'S FUN Add custom emojis and more
- Composition / device
- floating device
- Content
- feature callout
- Background
- gradient
- Copy treatment
- top, playful, benefit led
Frame 2
STREAM TOGETHER Like you’re in the same room
- Composition / device
- floating device
- Content
- ui screenshot
- Background
- gradient
- Copy treatment
- top, social, immersive
Frame 3
SEE WHAT'S HAPPENING and who’s around to hang out
- Composition / device
- floating device
- Content
- ui screenshot
- Background
- gradient
- Copy treatment
- top, observational, engaging
Frame 4
HOP IN WHENEVER No need to call or invite
- Composition / device
- floating device
- Content
- onboarding
- Background
- gradient
- Copy treatment
- top, informal, frictionless
Frame 5
WATCH, CHAT AND PLAY Always something to do together
- Composition / device
- floating device
- Content
- feature callout
- Background
- gradient
- Copy treatment
- top, active, collaborative
Frame 6
WHEREVER YOU GAME Hang out here
- Composition / device
- collage
- Content
- lifestyle
- Background
- gradient
- Copy treatment
- top, inclusive, community focused
Explore by detail
Study the system behind the set
Design analysis
What makes this set work
Discord’s design strategy leverages its iconic 'Blurple' and dark-mode aesthetic to reinforce its identity as the digital 'third space.' The layout utilizes floating device frames against a consistent starry gradient, creating depth while keeping the focus on the UI. A standout tactic is the use of 'magnified' UI components-like the status bubble or the Join Voice button-which are extracted from the main screenshot to act as focal points. The copywriting is verb-driven and punchy, emphasizing low-friction social interaction ('Hop in,' 'Stream'). Designers should note the strategic use of high-saturation accent colors (green for online, red for live) to draw attention to interactive states within a dense, dark UI. The final slide effectively uses a hardware collage (PC, mobile, controller) to communicate ecosystem ubiquity without overwhelming the viewer with technical specs.
Keep exploring
