Screen patterns

Detail

Detail page for one product, place, event, or content item.

  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. Cleartrip: Hotel property details

    Hotel imagery, property name and rating, amenities, nightly price, and Select Room.

    Cleartrip Hotel property details

    View the screen

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

    District Movie detail page with booking CTA

    View the screen

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

    District Event detail page with price and booking CTA

    View the screen

  5. EaseMyTrip: Hotel property details

    Property detail view with photos, identity, rating, location, booking terms, stay dates, hotel information, price, and room-selection action.

    Premium screenshot

    View the screen

  6. MakeMyTrip: Single-activity detail

    One activity's page: photo hero with a share control, name and destination, tabbed sections (About, Highlights, Activity Options, Traveller Videos), an About Activity block with duration and suitability, a description, and a sticky 'Starting From' price with CONTINUE.

    Premium screenshot

    View the screen

  7. MakeMyTrip: Hotel property detail

    One property's page: photo hero with a photo count, name, review rating, locality, a property overview blurb, the stay dates and occupancy, the nightly fare with taxes, a wishlist heart and a SELECT ROOM call to action.

    Premium screenshot

    View the screen

  8. MakeMyTrip: Experience Pass detail

    The multi-activity pass product page: branded hero, pass name and destination, a starting per-adult price, an activation validity line, tabbed sections (MMT Pass, Choices (25), Pass Options, Pass Details), an About block describing the savings, and a sticky starting price with CONTINUE.

    Premium screenshot

    View the screen

  9. SNITCH: Shirt product detail page

    Product page for a burgundy solid twill shirt: large product photography, product name and price, a star rating with review count that opens the reviews panel, a full-width ADD TO BAG button, and further down the same scrolling page a YOU MAY ALSO LIKE recommendation grid of shirt tiles with prices, struck-through original prices, colour swatches and wishlist hearts; tapping a tile opens that product's own full detail page. The same template serves products opened from a curated collection tile and from a search results tile.

    Premium screenshot

    View the screen

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

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

  12. District: Restaurant page with offers, table booking and bill payment

    Photo strip with a 'View gallery' entry, restaurant name with cuisine, price-for-two and locality metadata, quick chips, an Offers/'Offers for today' section with a discount card, and a two-button bottom bar: 'Book a table' and 'Pay bill'.

    Premium screenshot

    View the screen

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

More examples with Premium

Premium unlocks the remaining screenshots.