Zum Inhalt
← Rezepte
Alle Rezepte

Eventlocation: ein Tag, der in die Nacht geht

Eventlocation / Hochzeitslocation / Gutshof / Tagungsort (auch Eventcatering)

Verkauft wird ein Tag, nicht eine Nacht: Wunschdatum, Anlass und Gästezahl stehen direkt unter dem Hero, freie Termine sind ehrlich sichtbar, Räume haben Kapazitäten je Bestuhlung, Pakete einen ab-Preis mit Bezug. Festlich über Licht, Raum und Typografie statt über Herzen und Glitzer: eine schmale Art-déco-Didone für große Wörter und Daten, eine breitenvariable Grotesk für Tabellen und Formulare, Mohnrot als einziger Signalton. Signatur: Die Seite färbt sich im Kapitel „Ein Tag bei uns“ vom Kalklicht des Mittags über das Sandsteinlicht des Abends bis in die Nacht. Abgrenzung zu boutique-hotel-gastgeber: kein Zeitraum-Kalender, keine Zimmer zuerst, keine Bild-Diashow als Signatur; Übernachtung ist Beiwerk zum Fest.

Bauplan tokens.css Alle Techniken

Schrift

Ein Tag, der in die Nacht geht

Verkauft wird ein Tag, nicht eine Nacht: Wunschdatum, Anlass und Gästezahl stehen direkt unter dem Hero, freie Termine sind ehrlich sichtbar, Räume haben Kapazitäten je Bestuhlung, Pakete einen …

Headline
Imbue
Text
Archivo

Farbe

  • #F5F0E6
  • #1D1A17
  • #E9DCC8
  • #15171F
  • #C43B2B
  • #8C6A3C
  • #5C574E
  • #D8CFC0

Bewegung

cubic-bezier(0.625, 0.05, 0, 1)
Dauer
250 (Farben, Schatten, Hover), 400 (Deckkraft, Unterstreichung, Kalenderzelle), 475 (Knopf-Füllung), 525 (Akkordeon, Reiter-Inhalt), 725 (Menü, Galerie-Vollbild, Farbwechsel der Kapitel); Fokus ohne Übergang

Aufbau der Seite

SignaturFarb-/Theme-Wechsel beim Scrollen

HeroFoto-Hero mit Leiste, Karte oder Weiche · Buchungsleiste im BildoderKinoreifer Vollbild-Video-Hero

  1. Wunschtermin, Anlass, Gästezahl (Leiste direkt unter dem Hero; Datum oder Monat mit „flexibel“, Anlass als Auswahl, Erwachsene und Kinder; übergibt alles an die Anfrage)Wunschtermin mit freien Terminen und Anfrage-ÜbergabeAnimiertes Auswahlmenü (anpassbares select)
  2. Ein Tag bei uns (drei bis vier Kapitel vom Ankommen und der Trauung im Garten über den Empfang im Hof und das Essen in der Scheune bis zur Feier in der Nacht; Bild steht, Text erklärt; die Seite färbt sich an jeder Kapitelgrenze um)Farb-/Theme-Wechsel beim Scrollen · TageslaufSplit-Screen mit Sticky-Seite (eine Seite steht, andere scrollt) · Sticky-Medium
  3. Räume und Kapazitäten (je Raum Foto, Fläche, Plätze je Bestuhlung: Tafel, Rundtische, Reihe, parlamentarisch, Stehempfang; Mindestgäste, Raummiete nach Saison; Plan als SVG mit Text; ein Raum zur Zeit, Reiter nennen den Raum; Filter nach Gästezahl)Räume mit Kapazitäten je BestuhlungNatives CSS-Karussell (Scroll-Snap, Scroll-Buttons, Scroll-Marker) · Vollbild-Bühne
  4. Anlässe, Pakete und Preise (Reiter Hochzeit, Feier, Tagung; je Reiter höchstens vier Pakete mit ab-Preis pro Person, Stunden, Mindestgästen und Liste, was enthalten ist und was nicht; der Umschalter wechselt Saison oder Wochentag statt Monat und Jahr)Tabs und Segmente mit Pfeiltasten · AutomatischVergleichstabelle mit fester Kopfzeile · Paketvergleich
  5. Atmosphäre (Galerie nach Jahreszeit und Tageszeit, ab etwa acht Bildern als Wand, Bildnachweis der Fotografin oder des Fotografen; Vollbild mit Raumname)Masonry-Galerie mit nativem display: grid-lanes (plus Fallback)Raster-zu-Vollbild mit geteiltem Element (Lightbox 2026) · Projektraster zu
  6. Freie Termine (Monatsansicht mit frei, angefragt und vergeben, als Text und Zeichen, nicht nur Farbe; Samstage und Feiertage markiert; ein Klick übernimmt das Datum in die Anfrage; nur mit gepflegtem Kalender)Wunschtermin mit freien Terminen und Anfrage-Übergabe
  7. Anfrage (Anlass und Datum mit Ausweichdatum → Gäste und Räume, Trauung vor Ort, Übernachtung gewünscht → Kontakt; Budget nur freiwillig; Prüfseite vor dem Senden; Antwortzeit ehrlich nennen)Mehrschritt-Anfrage mit Zusammenfassung · SchrittleisteFehlerzusammenfassung im Formular · Kompakt über dem KnopfValidierung erst nach Interaktion
  8. Besichtigung und Probeessen vereinbaren (Termin-Tool erst nach Klick, daneben Telefon und E-Mail)Termin-Buchung per 2-Klick-Einbettung · Platzhalter
  9. Übernachtung und Anfahrt (Zimmer und Betten vor Ort, Partnerhotels mit Entfernung, Shuttle, Parkplätze, letzte Bahn; Lageplan des Geländes als eigene Skizze mit Trauort, Saal, Parkplatz und Zimmern; Adresse als Text; Büro „Besichtigung nach Vereinbarung · Telefon erreichbar“; Zugang ohne Stufen als Text)Karte per 2-Klick (Anfahrt ohne vorab geladene Karte) · LageskizzeÖffnungszeiten mit Live-Status · TerminFirmendaten aus einer Quelle · Friseursalon
  10. Dienstleister-Netzwerk (Catering, Floristik, Fotografie, Musik, Trauredner; sichtbar, wer Pflichtpartner ist und ob eine Provision fließt; Logos nur mit Erlaubnis, ab etwa fünf als Raster, sonst Liste)Logo-Wand / Social-Proof-Band · Ruhiges Raster
  11. Stimmen (Google und Hochzeitsportal je mit eigenem Schnitt, Anzahl, Stand und Echtheitshinweis; Stimmen von Paaren nur mit Freigabe)Plattform-Bewertungen mit Echtheitshinweis · Mehrere Plattformen
  12. Barrierefreiheit (eigene Seite für die Website; Barrierefreiheit vor Ort steht zusätzlich bei Anfahrt und Räumen)Seite „Barrierefreiheit“ als Vorlage · Erklärung

OptionalAgentenformular mit WebMCP

Nicht verwenden

Regeln
  • Erster Bildschirm: echtes Foto, ein Satz mit Ort und Anlass, darunter die Anfrage-Leiste (Wunschdatum oder Monat mit „flexibel“, Anlass, Gästezahl) und „Termin anfragen“; Telefon und „Besichtigung vereinbaren“ als Nebenweg. Hauptziel ist die Anfrage, nicht der Klick in die Galerie.
  • Freie Termine ehrlich: frei, angefragt (Option mit Haltefrist, wie Hedsor mit sieben Tagen) und vergeben, jeweils als Text und Zeichen, nicht nur als Farbe. Nur mit gepflegtem Kalender und Stand-Datum; sonst kein Kalender, sondern Anfrage mit Ausweichdatum. Keine künstliche Knappheit („nur noch 2 Samstage!“).
  • Räume mit Zahlen: je Raum Fläche und Plätze je Bestuhlung als echte Tabelle in Tabellenziffern (wie der Historische Rathaussaal Nürnberg), Mindestgäste und Raummiete nach Saison (wie Schloss Hohenkammer), Plan als SVG mit Textbeschreibung. Höchstzahlen ergeben sich aus Genehmigung und Brandschutz; Zahlen kommen vom Kunden und werden vom Kunden geprüft.
  • Preise (Preisangabenverordnung): ab-Preise nur mit Bezug (pro Person, Stunden, Mindestgäste, Saison oder Wochentag) und mit der Liste, was enthalten ist und was nicht (Raummiete, Speisen, Getränke, Technik). Preise für Verbraucher inkl. MwSt.; Tagungspauschalen dürfen netto stehen, wenn das Angebot erkennbar nur an Unternehmen geht. Vom Kunden prüfen lassen.
  • Verträge über Veranstaltungen, Bewirtung und Beherbergung mit festem Termin haben im Fernabsatz kein Widerrufsrecht (§ 312g Abs. 2 Nr. 9 BGB). Anzahlung, Option und Storno stehen deshalb klar vor dem Vertrag; die Texte kommen vom Kunden. Werden Gutscheine online verkauft, gilt der Widerrufs-Button aus der Grundausstattung (Leitfaden 8a).
  • Dienstleister-Netzwerk: Pflichtpartner offen benennen („Catering nur über …“). Fließt eine Provision, steht das an der Empfehlung (§ 5a UWG). Logos nur mit Erlaubnis (logo-wand-social-proof), ab etwa fünf als Raster, sonst als Liste.
  • Menschen auf Fotos: Paare und Gäste nur mit Einwilligung, Bildnachweis der Fotografin oder des Fotografen am Bild. Keine Stockfotos, keine Bilder anderer Häuser.
  • Übernachtung ehrlich: Zahl der Zimmer und Betten vor Ort, Partnerhotels mit Entfernung, Shuttle, Parken, letzte Bahn. Ruhezeiten und Musik im Freien so, wie die Genehmigung es sagt (vom Kunden prüfen lassen).
  • Barrierefreiheit vor Ort als Text bei Räumen und Anfahrt: stufenloser Zugang, WC, Parkplatz, Trauort im Garten mit Rollstuhl erreichbar oder nicht.
  • Farbwechsel (theme-farbwechsel-scroll) nur im Kapitel „Ein Tag bei uns“, drei bis vier Kapitel, Wechsel an der Viewport-Mitte. Jedes Farbpaar mindestens 4,5 : 1, der Text schaltet am Kipppunkt; meta theme-color zieht mit. Räume, Preise, Kalender und Anfrage stehen immer auf Kalk. Bilder werden nie eingefärbt.
  • Bewegung: eine Kurve cubic-bezier(0.625, 0.05, 0, 1) mit 250, 400, 475, 525 und 725 ms. Keine Einblendungen beim Scrollen, kein Autoplay; Video nur mit eigenem Material, stumm, mit Poster und Pause-Knopf.
  • Typografie: Imbue nur für Headlines, Raumnamen, Kapitel und große Daten, nie unter 2rem; Archivo für Text, Tabellen, Kalender und Formulare. Zahlen in Tabellen und im Kalender immer in Tabellenziffern.
  • Knöpfe: Mohnrot gefüllt mit Füllung vom Eintrittspunkt nur für die Haupthandlung (Anfragen, Datum übernehmen); Nebenwege als Messing-Doppelkontur, die bei Hover aufrückt. Ein Knopfsystem auf der ganzen Seite, Trefferfläche mindestens 44 px.
  • Bewertungen von Google oder Hochzeitsportalen nur mit Echtheitshinweis direkt daneben (§ 5b Abs. 3 UWG), je Plattform eigener Schnitt und Stand, nichts verrechnen.
  • Abgrenzung: Ist das Haus vor allem ein Hotel und die Feier ein Zusatz, gilt boutique-hotel-gastgeber mit der Sektion „Tagungen & Feiern“. Dieses Rezept gilt, wenn der Festtag das Produkt ist.
  • Pflichtangaben (Leitfaden 8a): Impressum, Datenschutzerklärung mit Hinweis direkt an Anfrage und Kalender, Erklärung zur Barrierefreiheit. Zeigt die Seite Menüs, stehen Allergene und Zusatzstoffe dabei. Claude schreibt keine Rechtstexte, alles vom Kunden prüfen lassen.
Bild und Ton
  • Licht: Spätes Licht, goldene Stunde; am Abend echtes Kerzen- und Lichterkettenlicht.
  • Ausschnitt: Raum leer und gedeckt, Hof in der Totale, Details wie Tafel und Blumen.
  • Personen: Gäste und Paare nur mit Einwilligung, nicht als Gesicht im Mittelpunkt; Fotograf:in am Bild genannt.
  • Formate: 3:2, 4:5, 16:9
  • Nicht: Keine Herzen, kein Glitzer, keine Ringe-Stockfotos, keine Bilder anderer Häuser, kein Video ohne eigenes Material.
  • Anrede: du
  • Sätze: Warm und konkret: Plätze, Preise mit Bezug, freie Termine als Wort.
  • Haltung: Festlich, aber klar. Paare im Plural (ihr, euch); auf der Unterseite für Tagungen und Firmenfeiern Sie.
  • Tonproben: Euer Fest im Gutshof: bis 120 Gäste, Trauung im Garten., Freitag, 3. Oktober: angefragt, Option bis [Datum].
  • Nicht schreiben: „Der schönste Tag eures Lebens“, „Traumhochzeit“, „märchenhaft“, „über 500 Hochzeiten“ hochgezählt.
Hero, Raum und Form
  • Hero-Raster: Foto randlos über die volle Breite; Satz unten links über Spalte 1 bis 7; die Anfrage-Leiste über 10 Spalten an der Unterkante.
  • Hero-Bild: Echtes Foto der Location im späten Licht, 16:9 Desktop, 4:5 mobil; Video nur als hero_variante.
  • Überschrift: clamp(3rem, 1.6rem + 6vw, 7.5rem), Imbue 300, gemischt gesetzt, unten links.
  • Handlung: Anfrage-Leiste (Wunschdatum oder Monat mit „flexibel“, Anlass, Gästezahl) mit „Termin anfragen“ (Mohnrot); daneben „Besichtigung vereinbaren“ und Telefon.
  • Zusatz: Label in Archivo wdth 112 Versal (Ort, Anlass) über dem Satz.
  • Sektionsabstand: clamp(88px, 12vw, 192px)
  • Dichte: luftig
  • Raum: Festlich über Raum: große Sprünge zwischen Kapiteln, Raumtabellen und Kalender dagegen kompakt (Zeilen 12 px).
  • Spalten: 12
  • Maximale Breite: 1440px
  • Raster: Hero randlos, Räume 7/5 (Bild/Tabelle). „Ein Tag bei uns“ in drei bis vier Kapiteln über volle Breite; Räume, Preise, Kalender und Anfrage immer auf Kalk.
  • Radius klein: 2px
  • Radius groß: 0
  • Schatten: keiner
  • Form: Art déco statt weich: eckige Bilder, Nebenwege mit versetzter Messing-Kontur (kontur-button-zeichnen, Variante doppel), Mohnrot mit Füllung vom Eintrittspunkt nur für die Haupthandlung.
Vorbilder