UI element

Hero

Screens containing hero.

  1. BookMyShow: Live event detail

    Web-rendered event page with hero photo, genre chips, an 'interested' social counter, date range, start time, age limit, language and venue rows, a popular-artists strip and a Book Now bar with the starting price.

    BookMyShow Live event detail

    View the screen

  2. BookMyShow: Live event category listing

    A per-category event listing headed 'Comedy Shows / HSR Layout, Bengaluru | 221 Events' with a full-width promotional hero banner, then a refinement bar of three controls — Filters, Sort By, Browse By Venues — above a two-column grid of event cards. Each card shows artwork, an optional PROMOTED badge, a date such as 'Sun, 23 Aug' or 'Fri, 21 Aug onwards', the event title, the venue line and the sub-genre 'Stand up Comedy'. A back chevron and search icon sit in the header. When the Date filter is applied the same header reads '101 Events' and the control reads 'Filters (1)'.

    BookMyShow Live event category listing

    View the screen

  3. Cleartrip: Cleartrip Home

    Travel categories include Hotels alongside app-wide navigation.

    Cleartrip Cleartrip Home

    View the screen

  4. Cleartrip: Hotel search

    Hotel destination, stay dates, rooms and guests, and Search hotels controls.

    Cleartrip Hotel search

    View the screen

  5. Cleartrip: Optional login

    Cleartrip sign-in prompt with a close path to continue.

    Premium screenshot

    View the screen

  6. District: Movie detail page with booking CTA

    Full-bleed film artwork over a dark scrim with the film title, certificate/duration/genre metadata line, a short synopsis, share and watchlist affordances and a persistent bottom 'Book tickets' bar.

    Premium screenshot

    View the screen

  7. District: Event detail page with price and booking CTA

    Vertical event artwork with the event name repeated in the header, category tags (food and drinks, nightlife), a date/time line, the venue name with locality, and a bottom bar showing the ₹100 starting price beside a white 'Book tickets' button.

    Premium screenshot

    View the screen

  8. Domino’s: Guest home with order modes

    Guest home: preset Koramangala 4th Block location with a Detect Location banner, order-mode row (Delivery 20 MIN, Takeaway, Dine-in, Deliver on train), merchandised pizza cards with prices and Add controls, and Menu/Offers navigation. In dine-in mode the same surface re-binds its header to 'Dine-in at HSR LAYOUTS, ~100 meters' with a CHANGE control.

    Premium screenshot

    View the screen

  9. EaseMyTrip: EaseMyTrip home

    Travel-product home with prominent Flights, Hotels and Trains choices, additional service shortcuts, and bottom navigation.

    Premium screenshot

    View the screen

  10. MakeMyTrip: Cab Search — trip entry

    The shared Cabs entry form: three product tabs (Outstation, Airport, Hourly Rentals) with Airport active, a Ride Guarantee promise strip, FROM and TO address fields with a swap control, a TRIP START date and time, a SEARCH button and an Offers band below the form.

    Premium screenshot

    View the screen

  11. 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

  12. MakeMyTrip: Hotels & Homestays search entry

    Stay-search form: By Night / Hourly Stays / Nearby Getaways tabs, a OneCircle Rewards promo, the city field, check-in and check-out dates, room/guest occupancy and a SEARCH button.

    Premium screenshot

    View the screen

  13. BookMyShow: Movies home

    BookMyShow home tab headed 'It All Starts Here!' with a category icon rail, a promoted hero banner, a Toxic movie banner and a Recommended Movies poster rail above the bottom navigation (Movies, Live Events, Search, HSBC Lounge).

    Premium screenshot

    View the screen

  14. BookMyShow: Movie detail page

    Film synopsis page with poster hero, star rating and vote count, runtime/genre/language/format chips, an accessibility note, offer strip, review hashtags and a red Book Tickets call to action.

    Premium screenshot

    View the screen

  15. BookMyShow: Food and beverage add-ons

    'Grab a Bite!' upsell with an offer banner, All/Popcorn/Beverages/Snacks tabs and priced popcorn rows each carrying an Add button, plus a Skip link.

    Premium screenshot

    View the screen

  16. BookMyShow: Now showing movies

    City-scoped 'Now Showing' catalog reached from the home Movies rail: a promotional hero card, a 'Coming Soon' section pointing at upcoming movies, and a grid of film poster cards with a browse-by-cinema entry point.

    Premium screenshot

    View the screen

  17. BookMyShow: Live event quick preview sheet

    Bottom sheet raised over the dimmed Comedy Shows listing when an event card is tapped: event poster with a Live badge, the interested count, title 'Gaurav Gupta Live - India Tour', the Comedy Shows genre line, a one-line show description, the next show date and time, a price-from line, the Bengaluru venue with its distance, a '1+ Venues' hint, and the two exits Know More and Book Now.

    Premium screenshot

    View the screen

  18. BookMyShow: Venue detail

    A venue's own page reached by opening a non-film Venues result from search: back chevron, the venue name as the header title (Skyye: Bengaluru), a share icon, a full-width venue photo, the venue's complete public street address, a red View On Maps link, then an 'Explore All Events' block headed '1 Events' with Filters and Sort By chips above a dated event poster card (Club Nocturno, Sat, 22 Aug) whose title row is partly cut off at the bottom edge.

    Premium screenshot

    View the screen

  19. Domino’s: Deliver on Train PNR entry

    Deliver on Train header over a PIZZA ON YOUR SEAT explainer ('We will deliver your favourite Pizza right on your train seat while you travel'), an 'Enter PNR to get started' card with an empty PNR field, the hint 'Valid PNR Number is Mandatory', an 'I agree to the IRCTC Ordering Terms & Conditions' checkbox and a green SUBMIT button, an IRCTC ORDER HISTORY row, and an IRCTC T&C block listing catered-station and 2-hour lead rules, 12:00-23:00 delivery hours and the 2-hour cancellation window, with READ MORE.

    Premium screenshot

    View the screen

  20. Domino’s: Pizza customisation with size, crust and toppings

    Margherita configuration page: a hero pizza photo, the product name with 'Classic delight with 100% real mozzarella cheese', a Change Size block offering Regular (Serves 1) at Rs 119, Medium (Serves 2) at Rs 239 preselected and Large (Serves 4) at Rs 449, then a Change Crust block starting with New Hand Tossed at Rs 239, and a sticky footer summarising 'Medium | New Hand Tossed' with a priced Rs 239 Add button. Scrolling further on this same surface reveals the remaining crusts (100% Wheat Thin Crust Rs 289, Cheese Burst Rs 339, Fresh Pan Pizza Rs 289, Classic Hand Tossed greyed out as unavailable, Korean Sweet Chilli Cheese Burst Rs 339, Hot n Fiery Cheese Burst Rs 339, Creamy Makhani Cheese Burst Rs 339), an 'Add Extra cheese to crust' add-on at +Rs 75, eight veg toppings at +Rs 60 each (Crisp Capsicum, Fresh Tomato, Paneer, Red Pepper, Jalapeno, Black Olive, Grilled Mushrooms, Onion) and seven non-veg toppings at +Rs 75 each (Pepper Barbecue Chicken, Peri-Peri Chicken, Grilled Chicken Rasher, Chicken Sausage, Chicken Tikka, Chicken Pepperoni, Chicken Keema).

    Premium screenshot

    View the screen

  21. 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.