Screenspo
AppsPatternsColorsGuidesMCP
ScreenspoยทApp Store design, organized

built by starterlyst ๐Ÿ’š

  1. Home
  2. Food & Drink
  3. Tock
Tock app icon
Food & Drink

Tock

Tock

View on App Store
4.9
9.7K ratings

Screenshot story

The journey begins with a sensory hook focusing on high-quality food, then moves into the utility of the platform: showing users how to find, explore, and manage bookings across different cities.

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

  1. Frame 1

    DELICIOUS STARTS HERE.

    Composition / device
    collage
    Content
    lifestyle
    Background
    photo
    Copy treatment
    overlay, bold, punchy, aspirational
  2. Frame 2

    Discover. Reserve. Explore.

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

    Navigate new and familiar destinations with ease.

    Composition / device
    floating device
    Content
    ui screenshot
    Background
    solid
    Copy treatment
    top, benefit led, smooth
  4. Frame 4

    With Tock, every city is your city.

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

    Easily manage your reservations-anytime, anywhere.

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

Explore by detail

Study the system behind the set

ColorsPalette and exact hex values
collagefloating device

Design analysis

What makes this set work

electric blue#2d3bf1pure white#ffffffrich gold#c2964cdeep black#000000

Tock utilizes a high-contrast visual system that relies on a single, vibrant brand color-electric blue-to create consistency across most of the set. By framing light-mode UI screenshots within this saturated background, the interface elements appear more prominent and 'premium' than they would on a standard white or grey backdrop. The first slide is a strategic outlier; it uses a vertical photo collage and large, condensed typography to establish a 'lifestyle first' brand identity, moving beyond simple utility into the realm of culinary passion. This 'hook then show' approach is effective for service-based apps. Designers should note the clean use of negative space in the UI and how the consistent placement of the floating device creates a sense of stability as the user swipes through different features.

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 Food & Drink

DoorDash App Store screenshot: panoramic composition with onboarding content
DoorDash iconDoorDash

Food & Drink

Instacart App Store screenshot: collage composition with social proof content
Instacart iconInstacart

Food & Drink

Gopuff App Store screenshot: device in hand composition with ui screenshot content
Gopuff iconGopuff

Food & Drink

TheFork App Store screenshot: device in hand composition with ui screenshot content
TheFork iconTheFork

Food & Drink