Screenspo
AppsPatternsColorsGuidesMCP
Screenspo·App Store design, organized

built by starterlyst 💚

  1. Home
  2. Productivity
  3. timespent
timespent app icon
Productivity

timespent

Habit Tracker ◡ timespent

View on App Store
4.9
151 ratings

Screenshot story

The journey begins with a high-energy hook for self-improvement and official Apple recognition, followed by a feature-rich tour of habit tracking, data visualization, and routine planning tools to ensure long-term consistency.

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

  1. Frame 1

    BE THE BEST YOU CAN BE

    Composition / device
    collage
    Content
    social proof
    Background
    solid
    Copy treatment
    top, motivational, bold
  2. Frame 2

    Activity Timer

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

    Tally Counter

    Composition / device
    floating device
    Content
    ui screenshot
    Background
    solid
    Copy treatment
    top, precise, utilitarian
  4. Frame 4

    Visualize Trends

    Composition / device
    floating device
    Content
    ui screenshot
    Background
    solid
    Copy treatment
    top, analytical, colorful
  5. Frame 5

    Track Milestones

    Composition / device
    floating device
    Content
    feature callout
    Background
    solid
    Copy treatment
    top, achievement led, celebratory
  6. Frame 6

    Design Widgets

    Composition / device
    floating device
    Content
    onboarding
    Background
    solid
    Copy treatment
    top, creative, customizable
  7. Frame 7

    Achieve Goals

    Composition / device
    floating device
    Content
    ui screenshot
    Background
    solid
    Copy treatment
    top, goal oriented, focused
  8. Frame 8

    Build Streaks

    Composition / device
    floating device
    Content
    ui screenshot
    Background
    solid
    Copy treatment
    top, encouraging, visual
  9. Frame 9

    Plan Routines

    Composition / device
    floating device
    Content
    ui screenshot
    Background
    solid
    Copy treatment
    top, organized, structured
  10. Frame 10

    Set Reminders

    Composition / device
    floating device
    Content
    ui screenshot
    Background
    solid
    Copy treatment
    top, helpful, practical

Explore by detail

Study the system behind the set

ColorsPalette and exact hex values
collagefloating device

Design analysis

What makes this set work

cyber yellow#ffd60atrue black#000000vivid green#34c759bright white#ffffffelectric cyan#5ac8fa

Timespent adopts a 'Neo-Brutalism' aesthetic characterized by thick black borders (strokes), high-contrast shadows, and a vibrant primary color palette dominated by yellow and green. The screenshot strategy focuses on UI depth, using stacked cards and floating elements to make the interface feel tactile. Copywriting is exceptionally sparse, using imperative verbs ('Design', 'Build', 'Plan') to signal utility. The use of dark and light modes across different slides demonstrates the app's versatility and thematic range. Designers should note how the 'hero' screenshot uses lifestyle-adjacent elements like the sunglasses-wearing dog to inject personality into a data-heavy category. The strategy balances visual playfulness with rigorous social proof, placing 'Apps We Love' badges prominently to immediately reduce user friction.

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 Productivity

Tiimo App Store screenshot: floating device composition with ui screenshot content
Tiimo iconTiimo

Productivity

Opal App Store screenshot: device in hand composition with social proof content
Opal iconOpal

Productivity

ChatGPT App Store screenshot: floating device composition with ui screenshot content
ChatGPT iconChatGPT

Productivity

Todoist App Store screenshot: floating device composition with ui screenshot content
Todoist iconTodoist

Productivity