Homepage
Editorial hero, search, interests, trending events, weekend collections and artists.
Open pageTicket2Event · Editorial Cobalt
One design. Ready to explore.
Explore the public site, buyer account and organizer workspace in one Astro and Bootstrap project.
Jump to the final review statesOpen a page or review state from the links below.
Event listing
207 London demo events, search, filters, sorting, pagination and mobile filter panel.
Open pageEvent detail
Approved Mumbai event, show selection, ticket quantities, sharing and event support.
Open pageBuyer dashboard
Booking summary, upcoming events, recent bookings and account navigation.
Open pageContinue through the public pages.
Twelve more approved page groups, with shared cards, real links and responsive controls.
Artist directory
Portrait directory, profession and Featured filters, search and pagination.
Open pageArtist profile
Live appearances, biography, media filters, image viewer and sharing.
Open pageCategory directory
All 12 categories, child disclosures, keyword matching and empty states.
Open pageCategory events
Category and subcategory browsing with shared event filters and cards.
Open pageList your event
Organizer introduction, workspace preview, application checklist and all 19 FAQs.
Open pageAbout us
Story, mission, capabilities, audience paths and illustrative collaborators.
Open pageContact us
Validated contact form, support paths, response information and location.
Open pageFAQs
Search 11 answers across four topics; accordions and mobile topic navigation.
Open pageBlog
Editorial feature, 24 stories, topic filters, sorting and local newsletter preview.
Open pageBlog article
Photo gallery, article contents, discussion and moderated comment preview.
Open pageOrganizer profile
Public events, organizer details, reviews, pagination and sparse profiles.
Open pagePolicies and content
Terms, privacy, refunds and a reusable rich-content template with contents navigation.
Open pageAuthentication, booking and access.
Complete local demo journeys, using the approved public-flow designs.
Sign-in and recovery
Password or code sign-in, registration and password recovery.
Open pageSocial signup
Google and Apple completion, validation and recovery.
Open pageOrganizer application
Application, document/signature previews, verification and corrections.
Open pageInvitation setup
Organizer and scanner-staff password setup and expired links.
Open pageCheckout
Ticket review, discounts, payment choices and checkout recovery.
Open pageOrder status
Payment continuation, confirmed tickets, refunds and online passes.
Open pagePayment states
Processing, provider handoff, failure and unresolved outcomes.
Open pageOrder success
Confirmation, M-ticket, QR preview and order summary.
Open pageOnline event access
Session room, joining details, loading and denied-access states.
Open pageError pages
403, 404, 500, expiry, rate limiting, maintenance and connection recovery.
Open pageMobile app return
Browser recovery without a made-up app launch link.
Open pageOrganizer workspace.
Dashboard, owned events, event creation, shows, ticket types staff, wallet, withdrawals, bank accounts, sales reports and event analytics. Changes stay in this local demo inventory.
Organizer dashboard
Open pageMy events
Open pageCreate event
Open pageEvent overview
Open pageEdit event
Open pageShows & schedules
Open pageTicket types
Open pageStaff management
Open pageMy wallet
Open pageWithdraw funds
Open pageBank accounts
Open pageSales reports
Open pageEvent analytics
Open pageBuyer account.
Tickets, orders, wallet, rewards and notifications share the approved buyer layout and demo history.
Buyer account states.
BookingsBooking searchNo matching bookingsEmpty buyerBooking page twoDemo ticketCancelled ticketOnline locked accessOnline open exampleOnline access preparingReview formPending reviewRejected reviewOrdersWallet orders searchNo matching ordersEmpty ordersOrder page twoPaid order detailsUnpaid order detailsWallet recharge detailsRefunded order detailsBuyer walletBuyer reserved balanceEmpty walletWallet validationPayment methods unavailableRecharge initialization failureWallet page twoRewardsNegative reward balanceZero balance with historyEmpty rewardsLegacy reward messageReward restoration and expiryReward page twoNotificationsNotification page twoDelete confirmationAfter deletionDelete failureEmpty inboxEmpty current pageLong and optional messages
Account settings and support.
Update a demo profile, manage preferences and devices, review privacy requests and try support conversations.
Profile settings
Update your details. Save each section separately.
Open pagePreferences
Fine-tune what you discover and how you hear from us.
Open pageSaved devices
Review device activity and manage the records linked to your account.
Open pageSecurity & privacy
Manage your account security, personal-data exports and account requests.
Open pageSupport tickets
Ask for help and keep track of your conversations.
Open pageAccount settings and support states.
Explore all states
Profile settingsPersonal details validationChange emailVerify new emailExpired email codeChange mobile numberVerify mobile numberChange passwordCrop profile photoRemove profile photoPreferencesUnsaved preference changesRecommendations offReset preferences confirmationDefault preferences restoredInterests unavailablePreferences save failureSaved devicesDevice trustedRemove a deviceDevice removedOnly this deviceEmpty device listLong and missing device dataDevice action failureSecurity & privacyBrowser detailsSelect export sectionsNo previous exportPending exportProcessing exportExpired export linkFailed exportCancelled exportMissing export fileRequest deletionDeletion validationPending deletion requestSign out confirmationSupport ticketsSupport page twoFiltered support ticketsMobile ticket filtersNo matching ticketsEmpty support historyNew support ticketTicket form validationSupport for an orderSupport conversationClosed conversationResolved conversationDelete support ticket
Organizer workflow states.
New organizerNo salesEvents · filteredEvents · gridEvents · no-resultsEvents · emptyCreate · blankCreate · onlineCreate · validationOverview · publishedOverview · screeningOverview · correctionsOverview · no-showsEdit · pendingEdit · validationShows · emptyShows · mixedShows · delete-refundAdd showShow validationOnline showStarted showTickets · mixedTickets · emptyTickets · lockedTickets · delete-refundAdd ticketTicket validationEdit ticket
Staff management states.
Organizer finance states.
Organizer walletWallet reserved balanceEmpty walletRecharge failureWithdrawal · readyWithdrawal · pendingWithdrawal · no-bankWithdrawal · low-balanceWithdrawal · empty-historyWithdrawal · validationWithdrawal · approvedWithdrawal · rejectedWithdrawal · cancel-with-othersWithdrawal · legacy-pendingBank accounts · defaultBank accounts · emptyBank accounts · default-changedBank accounts · pending-bankAdd bank accountBank validationEdit bank account
Organizer report states.
Review the alternate states.
Each scenario has a direct link. Mobile panels open below 768px.
Public page states.
Featured singersArtist search with no resultsArtist mobile filtersArtist with no upcoming eventsSparse artist profileLong artist nameExpanded music categoryMatching child searchCategory search with no resultsZero-event subcategoryAll 19 organizer FAQsAbout without collaboratorsFAQ searchBlog topic resultsBlog with no resultsBlog mobile filtersOrganizer without upcoming eventsSparse organizerPrivacy policyRefund policyContent templateMinimal contentLong content labelsUnavailable page
Authentication, payment and access states.
Explore all flow states
Authentication · signinAuthentication · signin-mobileAuthentication · signin-otpAuthentication · signin-otp-mobileAuthentication · signupAuthentication · signup-otpAuthentication · forgot-passwordAuthentication · password-resetAuthentication · password-reset-successAuthentication · signin-errorAuthentication · signup-errorAuthentication · otp-expiredAuthentication · password-reset-errorSocial signup · googleSocial signup · appleSocial signup · validationSocial signup · phone-conflictSocial signup · submittingSocial signup · expiredSocial signup · apple-email-recoveryApplication · application-individualApplication · application-organizationApplication · application-validationApplication · application-correctionsApplication · verificationApplication · verification-partialApplication · verification-readyApplication · recoveryApplication · recovery-verificationApplication · application-completeApplication · setupApplication · setup-expiredApplication · agreement-previewInvitation · organizer-invitationInvitation · organizer-setupInvitation · organizer-validationInvitation · organizer-submittingInvitation · organizer-expiredInvitation · organizer-successInvitation · staff-invitationInvitation · staff-setupInvitation · staff-validationInvitation · staff-submittingInvitation · staff-expiredInvitation · staff-successCheckout · defaultCheckout · rewardsCheckout · couponCheckout · coupon-errorCheckout · walletCheckout · insufficient-walletCheckout · no-gatewaysCheckout · initialization-errorCheckout · emptyCheckout · pending-orderCheckout · guestOrder · pendingOrder · checkingOrder · closedOrder · confirmedOrder · cancelledOrder · refundedOrder · partialOrder · onlineOrder · walletPayment · processingPayment · redirectPayment · redirect-delayedPayment · processing-delayedPayment · failedPayment · verification-recoveryPayment · retry-loadingPayment · return-confirmationConfirmation · QR unavailableOnline access · room-openOnline access · room-loadingOnline access · room-provider-fallbackOnline access · access-lockedOnline access · access-pending-detailsOnline access · access-expiredOnline access · access-revokedOnline access · access-unpaidOnline access · access-unavailableOnline access · access-invalidOnline access · room-access-endedOnline access · room-access-revokedErrors · error-403Errors · error-404Errors · error-500Errors · error-419Errors · error-429Errors · error-429-no-timingErrors · maintenance-knownErrors · maintenance-unknownErrors · connection-errorErrors · error-500-minimalShared · global-search-recentShared · global-search-matchesShared · global-search-loadingShared · global-search-emptyShared · global-search-errorShared · global-search-short-queryShared · location-selector-defaultShared · location-selector-matchesShared · location-selector-all-citiesShared · location-selector-emptyShared · location-selector-loadingShared · location-selector-load-errorShared · location-selector-detectingShared · location-selector-deniedShared · event-updates-modal-defaultShared · event-updates-modal-validationShared · event-updates-modal-sendingShared · event-updates-modal-failureShared · event-updates-modal-successShared · analytics-notice-visibleShared · analytics-notice-dismissedShared · analytics-notice-sticky-clearanceShared · mobile-app-return-defaultShared · public-mobile-navigation-guestShared · public-mobile-navigation-member
Final review states.
Explore the organizer account, recovery flows and shared panels. Changes use local demo data.
Organizer account and support (9)
Organizer public profile (6)
Buyer recovery (4)
Public discovery and notices (4)
Organizer AI copy (13)
Organizer AI artwork (16)
Artwork · GeneratingArtwork · Cover previewArtwork · Thumbnail previewArtwork · RegenerateArtwork · FailedArtwork · Regenerate failedArtwork · Apply failedArtwork · Title changedArtwork · ExpiredArtwork · LimitArtwork · UnavailableArtwork · AppliedArtwork · Source validationArtwork · Saved title warningArtwork · Edit cover previewArtwork · Edit applied
Event lifecycle (14)
Role switcher and browser notifications (10)
The shared foundation.
Approved colors, DM Sans, 12px cards, visible focus states and reusable Bootstrap controls.
IvoryInkCobaltWhite
How this preview works.
All pages are generated static HTML. Images, fonts and scripts are bundled locally. Interactive controls use illustrative fixtures, page memory and browser storage; no application API is called.
The discovery demo clock is fixed to 6 November 2026. London examples use GBP; the Mumbai event and buyer dashboard retain their USD demo amounts. The organizer profile keeps its approved 4 November review snapshot.
Public fixtures are combined into one inventory. Counts reflect those fixtures, including additional demo profiles and matching event pages. Policy text and existing FAQ answers retain their source wording.
Contact, newsletter and comment forms demonstrate validation and local confirmation. No message or subscription is sent. Artist audio and video show artwork previews; recordings are not bundled.
Ticket selection now continues through the local checkout and payment-state previews. Authentication, organizer applications, invitations, online access and error screens are included. Organizer event management, staff, finance and reports with local PDF exports are included. Shared account profile, preferences, devices, security and support pages follow separately. No real payment, account or application is created.