Screenspo
AppsPatternsColorsGuidesMCP
Screenspo·App Store design, organized

built by starterlyst 💚

  1. Home
  2. Social Networking
  3. WeChat
WeChat app icon
Social Networking

WeChat

WeChat

View on App Store
3.9
80.4K ratings

Screenshot story

The set opens with an impressive hook regarding the platform's massive user base before walking through core features like group messaging, high-quality calling, social feeds, and safety controls.

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 5 frames, WeChat most often uses floating device composition and device treatment with gradient backgrounds. 5 frames include visible caption copy.

  1. Frame 1

    WeChat Connect to a billion people with chats, calls, and more

    Composition / device
    floating device
    Content
    ui screenshot
    Background
    gradient
    Copy treatment
    top, authoritative, scale focused
  2. Frame 2

    Group Chat Create a group chat with up to 500 friends

    Composition / device
    floating device
    Content
    ui screenshot
    Background
    gradient
    Copy treatment
    top, utility led, informative
  3. Frame 3

    Video & Voice Calls Make calls to anyone, anywhere & on any device

    Composition / device
    floating device
    Content
    ui screenshot
    Background
    gradient
    Copy treatment
    top, inclusive, functional
  4. Frame 4

    Moments Share your favorite memories & places with your friends

    Composition / device
    floating device
    Content
    ui screenshot
    Background
    gradient
    Copy treatment
    top, warm, social
  5. Frame 5

    Guardian Mode Guard your loved ones via an added layer of protection

    Composition / device
    floating device
    Content
    ui screenshot
    Background
    gradient
    Copy treatment
    top, protective, reassuring

Explore by detail

Study the system behind the set

ColorsPalette and exact hex values
floating device

Design analysis

What makes this set work

vibrant green#49c167mint green#95ec69pure white#ffffffsoft gray#f2f2f2alert red#fa5151

WeChat employs a highly disciplined and brand-consistent design strategy. Every screenshot uses a uniform green gradient background with subtle organic waves, immediately identifying the brand before a user reads a single word. The floating-device layout keeps the focus on the high-fidelity UI, showcasing realistic social interactions (group chats with media, video calls with expressive faces). The copywriting is direct and numbers-driven, emphasizing the platform's scale (a billion people, 500-person chats). Designers should note the hierarchical consistency: a large title followed by a functional sub-header, all in white for maximum contrast against the green background. It’s a masterclass in using brand color to create a cohesive environment while maintaining high legibility.

Source and method. Screenshots come from the US App Store listing and are preserved in Screenspo's curated corpus. Layout, caption, content, background, and palette observations are derived from the visible listing artwork. Typeface names are not inferred; transcribed copy, tone, and position are the supported typography evidence, while layout tags record composition and device treatment. View the source listing.

Keep exploring

More in Social Networking

WhatsApp App Store screenshot: floating device composition with ui screenshot content
WhatsApp iconWhatsApp

Social Networking

KakaoTalk App Store screenshot: panoramic composition with ui screenshot content
KakaoTalk iconKakaoTalk

Social Networking

Yubo App Store screenshot: panoramic composition with lifestyle content
Yubo iconYubo

Social Networking

Weverse App Store screenshot: panoramic composition with social proof content
Weverse iconWeverse

Social Networking