Screen patterns

Category landing

Root of a product vertical or category.

  1. BookMyShow: Live Events home

    Live Events tab with a photo category rail (Comedy, Music, Adventure, Workshops, Performances), a 'Things To Do In Your City' event card with price and Book Now, and an 'India's Top Events' carousel.

    BookMyShow Live Events home

    View the screen

  2. Cleartrip: Cleartrip Home

    Travel categories include Hotels alongside app-wide navigation.

    Cleartrip Cleartrip Home

    View the screen

  3. District: Movies vertical home with now-showing spotlight

    Movies tab selected in the vertical rail: 'In the Spotlight' hero card for a now-showing film with genre tags and a 'Book tickets' CTA, followed by a "This Week's Releases" poster rail.

    District Movies vertical home with now-showing spotlight

    View the screen

  4. District: Events landing with this-week picks and featured grid

    Events tab active: "What's happening this week" heading with a circular category rail (nightlife, social mixers, music, food and drinks and similar) and a 'Featured events' grid of poster cards.

    District Events landing with this-week picks and featured grid

    View the screen

  5. EaseMyTrip: Cab search

    Cab Search form with Airport Transfer, Outstation, and Hourly trip types; origin and destination fields, Date & Time, Add Return, Search, and offers.

    Premium screenshot

    View the screen

  6. EaseMyTrip: Search hotels

    Hotel search form for choosing a destination, stay dates, guest count, and room count, with an offers section below.

    Premium screenshot

    View the screen

  7. EaseMyTrip: Train search

    Train ticket search for New Delhi to Mumbai Central with departure date and travel class choices, plus access to train-status utilities.

    Premium screenshot

    View the screen

  8. EaseMyTrip: Flight search

    Flight form for a Hyderabad-to-Bengaluru route with departure date, optional return, traveller and economy-cabin settings, fare options, and Search.

    Premium screenshot

    View the screen

  9. EaseMyTrip: Bus search

    Bus Search hub with travel tabs, origin and destination fields, departure date shortcuts, Search, travel guidance, and Offers & Deals.

    Premium screenshot

    View the screen

  10. MakeMyTrip: Tours & Attractions landing

    The activities line-of-business entry: an MMT Experience Pass promo banner claiming multi-activity savings, a 'Where are you going?' destination search box with SEARCH, and a Trending Destinations grid (Singapore, Dubai, Paris, Bangkok, London, Tokyo, Phuket, Kuala Lumpur).

    Premium screenshot

    View the screen

  11. SNITCH: Product listing with filter and sort

    The listing surface used for category browsing and for text-search results: sub-filter chips (ALL, NEW, RELAXED, FORMAL, LINEN), grid-density toggles, a filter and sort control, and a product grid showing names, prices and wishlist hearts. Its filter and sort sheet offers SORT BY (POPULAR, PRICE HIGH TO LOW, PRICE LOW TO HIGH, NEW, CUSTOMER REVIEW) plus CATEGORY, SIZE, COLOR, PATTERN, FIT and MATERIAL facet groups with CLEAR and APPLY. When the surface is reached from a query it shows the query text in the header field with a result count, and the grid-density switch changes how much product copy each tile carries: the widest density shows a single full-bleed image per row with no name or price, while the 2-up density exposes product names and prices. Tapping a result tile opens that product's own detail page.

    Premium screenshot

    View the screen

  12. District: Dining vertical home with mood rails and popular chains

    Dining tab active: locality header, a 'Search for' field, a places/events toggle, a "What's the mood?" grid of photographic mood tiles (family dining, buffets, cafes, desserts and similar) and a 'Popular chains' logo rail.

    Premium screenshot

    View the screen

  13. SNITCH: SNITCH home storefront

    Menswear landing screen: a pincode delivery-check prompt and search bar at the top, a full-bleed editorial hero (LINEN EDIT) with the shop-the-collection call to action, a FEATURED CATEGORIES section below, and a five-tab bottom navigation.

    Premium screenshot

    View the screen

More examples with Premium

Premium unlocks the remaining screenshots.