Screenspo
AppsPatternsColorsGuidesMCP
ScreenspoยทApp Store design, organized

built by starterlyst ๐Ÿ’š

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

Mozi

Mozi: A Place for Your People

View on App Store
4.5
207 ratings

Screenshot story

The sequence opens with a high-level vision of staying connected through lifestyle imagery, then defines the app's value through specific features like location tracking, travel coordination, personal notes, and private memory archiving.

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

  1. Frame 1

    Mozi is for staying close to your people

    Composition / device
    lifestyle photo
    Content
    lifestyle
    Background
    solid
    Copy treatment
    top, visionary, warm
  2. Frame 2

    Staying close means knowing where your people are

    Composition / device
    floating device
    Content
    ui screenshot
    Background
    solid
    Copy treatment
    top, functional, informative
  3. Frame 3

    Staying close means knowing when and where your paths will cross

    Composition / device
    floating device
    Content
    ui screenshot
    Background
    solid
    Copy treatment
    top, utility focused, connective
  4. Frame 4

    Remembering important details

    Composition / device
    floating device
    Content
    feature callout
    Background
    solid
    Copy treatment
    top, thoughtful, personal
  5. Frame 5

    Capturing private moments together

    Composition / device
    floating device
    Content
    feature callout
    Background
    solid
    Copy treatment
    top, intimate, nostalgic

Explore by detail

Study the system behind the set

ColorsPalette and exact hex values
lifestyle photofloating device

Design analysis

What makes this set work

international orange#ff5c00paper white#f7f4f0periwinkle blue#c4c7edpure white#ffffff

Mozi utilizes a high-contrast design strategy dominated by a signature vibrant orange background, creating immediate brand recognition. The copywriting follows a repetitive 'Staying close means...' structure in the first half, which effectively defines the product's unique utility before pivoting to specific feature callouts. A key design tactic is the use of floating 'pill' elements and cards that break the frame of the device mockup; this highlights metadata like travel overlaps or personal tags (e.g., allergies) that might get lost in a standard UI view. Designers can borrow the 'off-canvas' UI element technique to emphasize granular data points while maintaining a clean, high-energy aesthetic.

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

WeChat App Store screenshot: floating device composition with ui screenshot content
WeChat iconWeChat

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