Screenspo
AppsPatternsColorsGuidesMCP
Screenspo·App Store design, organized

built by starterlyst 💚

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

Swiggy

Swiggy: Food Instamart Dineout

View on App Store
4.6
34.6K ratings

Screenshot story

The set opens by positioning Swiggy as a massive, multi-functional 'one app' ecosystem before drilling down into specific verticals like food, groceries, and events. It concludes by reinforcing loyalty and trust through financial perks like cashback and reliable delivery logistics.

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

  1. Frame 1

    ONE APP Unparalleled convenience to 10+ crore users.

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

    Food you ❤️, on time. ORDER FOOD from top restaurants.

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

    UPGRADE WITH instamart UPGRADE YOUR ESSENTIALS Groceries, Cookware, Electronics & more.

    Composition / device
    floating device
    Content
    feature callout
    Background
    gradient
    Copy treatment
    top, lifestyle oriented, punchy
  4. Frame 4

    dine out DINEOUT & SAVE on 40,000+ restaurants.

    Composition / device
    floating device
    Content
    ui screenshot
    Background
    solid
    Copy treatment
    top, value driven, authoritative
  5. Frame 5

    scenes ENJOY THE BEST EVENTS IN TOWN.

    Composition / device
    floating device
    Content
    ui screenshot
    Background
    solid
    Copy treatment
    top, exciting, social
  6. Frame 6

    giftables GIFTING MADE EASY for every occasions

    Composition / device
    floating device
    Content
    ui screenshot
    Background
    solid
    Copy treatment
    top, helpful, celebratory
  7. Frame 7

    UNLIMITED FREE DELIVERIES On Food, Instamart & much more.

    Composition / device
    collage
    Content
    feature callout
    Background
    solid
    Copy treatment
    top, benefit led, direct
  8. Frame 8

    BEST-IN-CLASS CASHBACK Swiggy HDFC Bank Credit Card

    Composition / device
    collage
    Content
    social proof
    Background
    solid
    Copy treatment
    top, professional, financial
  9. Frame 9

    24 X 7 CUSTOMER SUPPORT LIVE TRACKING CASH ON DELIVERY UPI, CREDIT/DEBIT CARD, ETC.

    Composition / device
    floating device
    Content
    feature callout
    Background
    solid
    Copy treatment
    top, utility focused, reassuring

Explore by detail

Study the system behind the set

ColorsPalette and exact hex values
floating devicecollage

Design analysis

What makes this set work

swiggy orange#fc8019royal blue#11349cforest green#008148vibrant magenta#ff0084rich purple#4b0964

Swiggy's design strategy is a masterclass in using color as a navigational anchor for a complex 'Super App' ecosystem. By color-coding each vertical-blue for Instamart, green for Dineout, pink for Scenes-they help users mentally separate diverse services while maintaining a unified brand voice. The layout utilizes floating devices punctuated by high-quality 3D assets (delivery bags, credit cards, coins) that break the flat UI plane to add tactile interest. The typography is exceptionally bold, prioritizing social proof ('10+ crore users') and immediate value ('Flat ₹200 OFF'). Designers can steal this chromatic categorization method to organize multifaceted product suites, ensuring that as more features are added, the visual hierarchy remains intuitive rather than overwhelming.

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