Zum Inhalt springen
UI Kit
Accent

Event

Eine Event-Seite verkauft einen Termin. Sie sagt sofort wann und wo, zeigt das Programm, für das sich die Anreise lohnt, und hält das Ticket bis zum Einlass einen Klick entfernt.

Die Reihenfolge

Von oben nach unten, so wie die Sections auf der fertigen Seite stehen.

  1. Schritt 1 / 5 · Events und Webinars

    Events und Webinare

    Datum, Ort, Programm und Sprecher einer Konferenz oder eines Webinars in einer Section.

    Programm nach Tagen, Sprecher, Tickets, der Ort auf der Karte, die Webinar-Anmeldung und das Archiv der Aufzeichnungen.

    6 Variants · Events und Webinare
  2. Schritt 2 / 5 · Festival

    Festival

    Für ein Festival das Line-up, die Bühnen und der Tagesplan mit Ticketkategorien.

    Für Festivals und Open Airs. Das Line-up als Plakat, der Timetable nach Bühne, Tickets mit Preisphasen, der Geländeplan und die Anreise.

    5 Variants · Festival
  3. Schritt 3 / 5 · Launch und Waitlist

    Start und Warteliste

    Countdown und Warteliste halten das Interesse wach, bevor der Ticketverkauf startet.

    Der Moment vor und beim Start, in sechs Aufbauten: Warteliste mit Platz in der Reihe, Countdown-Bühne, Startfilm, Einladung zum frühen Zugang, Ankündigung mit Kennzahlen und ein verschwommener Teaser.

    6 Variants · Start und Warteliste
  4. Schritt 4 / 5 · Bewerbungen und Anmeldungen

    Anmeldung

    Das Anmeldeformular mit Ticketart, Teilnehmenden und Bestätigung.

    Anmelden zu Veranstaltung, Kurs oder Turnier, für eine Person oder viele. Ein Block je Ticket, Termine mit freien Plätzen und Warteliste, ein Team mit Kapitänin, Ticketarten mit Nachweis und Workshops, die vor Überschneidungen warnen.

    4 Variants · Anmeldung
  5. Schritt 5 / 5 · FAQ

    Fragen

    Anreise, Barrierefreiheit, Erstattung und was man mitbringt, einmal für alle beantwortet.

    Häufige Fragen als natives Akkordeon, Raster, Reiter und Suche, auf Wunsch mit FAQPage-Daten.

    7 Variants · Fragen

Alles auf einmal installieren

Ein Befehl legt alle Components dieser Sammlung in dein Projekt.

aiw add @ai-website/events @ai-website/festival @ai-website/launch @ai-website/registration @ai-website/faq

Prompt für deinen KI-Assistenten

Gib Claude, Cursor, Copilot oder Codex die Reihenfolge mit, dann entsteht die Seite aus genau diesen Teilen.

Bau eine Event-Seite mit dem UI Kit. Nutze in dieser Reihenfolge Events und Webinare, Festival, Start und Warteliste, Anmeldung und Fragen. Schreib echte Texte für mein Angebot und prüf die Seite in Light und Dark.

Oft gesucht

Direkt zu

In die Zwischenablage kopiert