Screenspo
AppsPatternsColorsGuidesMCP
ScreenspoยทApp Store design, organized

built by starterlyst ๐Ÿ’š

  1. Home
  2. Utilities
  3. Abode
Abode app icon
Utilities

Abode

Abode

View on App Store
4.2
4.8K ratings

Screenshot story

The journey begins with the central promise of total security at your fingertips, moving through specific historical tracking and ecosystem integrations. It then highlights real-time proactive alerts and manual emergency controls, concluding with the convenience of system access via iOS widgets.

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

  1. Frame 1

    Security at your fingertips

    Composition / device
    floating device
    Content
    ui screenshot
    Background
    gradient
    Copy treatment
    top, benefit led, direct
  2. Frame 2

    Your system's history at a glance

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

    Works with your favorite devices and ecosystems

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

    Get notified when a package, person or pet is detected

    Composition / device
    floating device
    Content
    ui screenshot
    Background
    gradient
    Copy treatment
    top, alert focused, reassuring
  5. Frame 5

    Control your home and view all your devices

    Composition / device
    floating device
    Content
    ui screenshot
    Background
    gradient
    Copy treatment
    top, empowering, simple
  6. Frame 6

    Easily pull up past recorded footage on your video timeline

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

    Activate alarms manually in emergenices

    Composition / device
    floating device
    Content
    ui screenshot
    Background
    gradient
    Copy treatment
    top, urgent, safety led
  8. Frame 8

    Use iOS Widgets to interact with your Abode System

    Composition / device
    floating device
    Content
    ui screenshot
    Background
    gradient
    Copy treatment
    top, convenient, integrated

Explore by detail

Study the system behind the set

ColorsPalette and exact hex values
floating device

Design analysis

What makes this set work

Abode Blue#289cd6UI Lavender#dcd1f6Emergency Red#d43434Action Orange#f0641bDeep Teal#2b9fb1

Abode uses a highly structured, utility-first design language. By placing high-fidelity floating devices on a consistent blue gradient, the brand establishes a professional and reliable tone suitable for security hardware. The use of bolded keywords in the top-aligned captions (e.g., 'history', 'favorite', 'package') quickly scans the feature set for the user. A designer should note the 'card-based' UI system which uses soft pastel background fills to categorize different home zones (purple for living room, blue for office). This color-coding makes complex smart home dashboards feel less overwhelming. Despite a minor typo in the seventh slide ('emergenices'), the overall visual system successfully balances professional safety with approachable home management.

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 Utilities

(Not Boring) Timer App Store screenshot: floating device composition with social proof content
(Not Boring) Timer icon(Not Boring) Timer

Utilities

Brave Browser App Store screenshot: text only composition with social proof content
Brave Browser iconBrave Browser

Utilities

Mint App Store screenshot: floating device composition with social proof content
Mint iconMint

Utilities

Google Chrome App Store screenshot: floating device composition with ui screenshot content
Google Chrome iconGoogle Chrome

Utilities