Patterns

Form

Structured data-entry surface.

  1. BookMyShow: Contact detail before payment

    'Please Fill In The Missing Detail' sheet explaining the detail is needed to deliver tickets, with a country-code mobile-number field, a 'Save this detail in the profile for future transactions' checkbox and an enabled red Proceed To Pay button.

    BookMyShow Contact detail before payment

    Open the related journey

  2. Cleartrip: Add an adult traveller

    Empty adult-traveller sheet with gender, given-name, surname, and Done controls.

    Cleartrip Add an adult traveller

    Open the related journey

  3. Cleartrip: Hotel search

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

    Cleartrip Hotel search

    Open the related journey

  4. Cleartrip: Flight search

    One-way flight criteria showing Bengaluru to New Delhi, departure date, one adult, cabin class, and Search flights.

    Cleartrip Flight search

    Open the related journey

  5. Cleartrip: Hotel traveller details

    Empty traveller identity and contact form with title, first name, last name, mobile number, email address, and Pay now.

    Premium screenshot

    Open the related journey

  6. Cleartrip: Flight traveller and contact details

    Empty traveller and contact form with Add adult, email, mobile number, optional GST details, and Continue.

    Premium screenshot

    Open the related journey

  7. District: Find a restaurant — booking preferences sheet

    Bottom-sheet form titled 'Find a restaurant' with a close control and a short subtitle, three stacked preference rows — 'No of guests' (2 guests), 'Date' (Today), 'Time' (2:30 PM) — and a footer pairing a text 'Clear filters' action with a filled 'Find restaurants' submit button, over the dimmed collection listing.

    Premium screenshot

    Open the related journey

  8. Domino’s: Guest delivery address form

    Address entry over a map pin: a 'Login to fetch saved addresses' prompt, the resolved Koramangala area line, Building and Address fields, Home/Office/Other labels, Name and Contact Number fields, an 'Ordering for someone else' toggle and Save Address & Continue.

    Premium screenshot

    Open the related journey

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

    Open the related journey

  10. EaseMyTrip: Search hotels

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

    EaseMyTrip Search hotels

    Open the related journey

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

    Open the related journey

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

    EaseMyTrip Flight search

    Open the related journey

  13. EaseMyTrip: Bus search

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

    Premium screenshot

    Open the related journey

  14. EaseMyTrip: Review hotel guest and contact details

    Loaded hotel review with stay and room details, empty contact and primary-guest fields, total price, and Continue Booking.

    Premium screenshot

    Open the related journey

  15. EaseMyTrip: Train booking review and IRCTC ID

    Review of the selected New Delhi to Mumbai Central train with an empty IRCTC User ID field, boarding station, fare total, and payment action.

    Premium screenshot

    Open the related journey

  16. EaseMyTrip: Cab transfer review and traveller details

    Transfer Review with trip and vehicle summary, traveller name fields, pickup and drop addresses, promo code, amount, and Continue Booking.

    Premium screenshot

    Open the related journey

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

    Open the related journey

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

    Open the related journey

  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

    Open the related journey

More examples with Premium

Premium unlocks the remaining screenshots.