Der Abend, über den man
noch in zehn Jahren spricht

Seit 2005 am Pult. Hochzeiten und Feiern im Großraum Berlin.

Termin anfragen

20:00 · Die Gäste kommen an

Brand-System · Stand 10.09.2026

Der Bogen der Nacht

Die Seite beginnt dunkel im Versprechen, wird hell im Beweis und wird genau ein zweites Mal dunkel: auf der Anfrage-Bühne. Der Grundwechsel ist die Dramaturgie, nicht die Dekoration — er bildet ab, was Stefan verkauft.

Heller Grund

#f9f6fc · rund 72 % der Fläche. Der Beweisteil: Person, Anlässe, Häuser, Rückmeldungen.

Dunkler Grund

#281e32 · rund 24 %. Ausschliesslich Hero, Anfrage-Bühne, Seitenkopf, Mobil-Menü.

Zweite Fläche

#f2eff6 · rund 4 %. Nur der Leistungs-Block und der Fond der Zitat-Karten.

21:30 · Der Eröffnungstanz

Die Stundenlinie

Das Signature-Motiv: eine 1px-Haarlinie mit einer echten Uhrzeit-Marke. «Wir haben alle dieselben Platten — der Unterschied ist die Reihenfolge.» Reihenfolge über Zeit ist eine Linie mit Marken darauf, und sonst nichts.

Regel

Maximal vier Marken auf der Startseite. Immer nur eine Marke pro Sektion. Uhrzeiten sind Stefans realer Abend, nicht getextet.

Verbot

Nie gebogen, nie als Balken, nie als Diagramm. Sobald sie steigt, ist sie ein Equalizer — und Musik-Ikonografie ist auf dieser Site verboten.

Sektion 2

Farben & Rollen

Jeder Wert ist aus logo.png gemessen. Kein Hex ist gewählt, gemischt oder geraten.

Heller Grund

--brand-surface · #f9f6fc · ink darauf 15.2

Zweite Fläche

--brand-surface-alt · #f2eff6 · ink darauf 14.3

Dunkler Grund

--brand-primary-12 · #281e32 · nur Hero & Bühne

Akzent — nur Fläche

--brand-primary · #7f708e · Weiss darauf 4.55 (AA) · trägt nie Schrift

Marke als Schrift

--brand-primary-ink · #62546f · 6.50 auf surface (AA)

Sekundär als Schrift

--brand-secondary-ink · #5e5865 · 6.41 auf surface (AA)

Fliesstext

--brand-ink · #221f25 · 15.2 auf surface

Nebentext

--brand-ink-soft · #5c5961 · 6.42 (AA)

Linie

--brand-border · #d0cdd4 · trägt nie Schrift

Fuss-Trennlinie

--brand-secondary · #877f8f · 3.59, kein AA — nur 1px Linie, nie Schrift

Primary-Skala 1–12 (Abstufungen kommen nur von hier)

123456 789101112

Die Rollentrennung — Fläche ist nicht Schrift

Der Logoton #7f708e bleibt unangetastet. Er trägt Flächen; als Schrift steht die Marke eine Abstufung tiefer. Das ist keine andere Farbe, sondern dieselbe Farbe in ihrer zweiten Rolle — links das Original als Fläche, rechts die Schrift-Rolle.

Fläche: Marke bleibt Marke

--brand-primary #7f708e mit --brand-on-primary #ffffff — 4.55, AA. Nicht die Fläche wird abgedunkelt, die Schrift wird gewählt.

Schrift: eine Abstufung tiefer

--brand-primary-ink #62546f — 6.50 auf #f9f6fc, in jeder Grösse.
--brand-secondary-ink #5e5865 — 6.41, für Fuss und Quellen.
Beide aus der gemessenen 12er-Skala (light[10]), nichts gemischt.

Harte Verbote aus der Kontrast-Matrix

#7f708e ist nie Schrift — in keiner Grösse (4.25, kein AA); als Schrift steht die Marke in #62546f. #877f8f trägt nie Schrift und wird nie Fläche (3.59 / 3.84, beide kein AA). #221f25 und #5c5961 nie auf dunklem Grund. Kein Tailwind-Default, kein reines Schwarz, kein Farbverlauf.

Kundenwunsch offen

Das gewünschte Orange ist im Logo nicht messbar (Abstand 87.8) und wird nicht durch eine verwandte Farbe ersetzt — es fehlt sichtbar. Die einzige Wärme kommt aus der Bildgradation (2700–3200 K), nicht aus einer Fläche. Mit einer Logo-Datei, in der Orange vorkommt, wird neu gemessen.

Sektion 3

Prata / Karla

Prata trägt die Haarstriche der Kalligrafie im Logo — kräftige Abstriche gegen sehr feine Aufstriche, versal gesetzt warm statt monumental. Karla trägt die Bodenständigkeit des stumpfen «DJ» daneben. Zwei Familien, vier Schnitte — Gewicht 600 existiert nicht. Prata hat keine Kursive: Betonung läuft über Karla 700, nie über eine gefakte Schräglage.

display-hero · Prata 400 · 108/48 px · 1.05 · −1.1 px · VERSAL

Stimmungsbogen

display-buehne · 64/35 px · 1.10 · −0.6 px · VERSAL

Erzählt mir von eurem Abend

display-kopf · 72/34 px · 1.08 · −0.7 px · VERSAL

Einundzwanzig Häuser

display-sektion · 52/24 px · 1.15 · −0.4 px · VERSAL

Wir haben alle dieselben Platten

zitat · 32/22 px · 1.30 · gemischt — die einzige nicht-versale Display-Stufe

Die Stimmung am Abend war einfach toll und die Tanzfläche nie leer.

titel-anlass · 24/24 px · 1.30 · +0.5 px · VERSAL — schrumpft mobil NICHT

Künstler vermitteln

lead · Karla 400 · 22/18 px · 1.5

Datum, Ort, wie viele ihr seid — mehr brauche ich für ein Angebot nicht.

body · Karla 400 · 18/18 px · 1.5 — schrumpft mobil nicht

Der Unterschied ist die Reihenfolge. Einen Stimmungsbogen aufzubauen und ihn über die ganze Nacht zu halten — das ist kein Zufall, das ist Handwerk.

liste · Karla 400 · 17/16 px · 1.6 · tnum

Schloss Basthorst · 01522 8459456 · 39 Rückmeldungen · 20:00

eyebrow · Karla 700 · 13 px · +1.6 px · VERSAL · tnum

23:00 · Die Fläche ist voll

caption 15 px / label 15 px 500 / micro 12 px

Kerstin · partymat.de · 2019

Stefan Zetzsche · Am Busch 11 · 15806 Zossen

Sektion 4 — Hover und Fokus sind hier echt, probier sie aus

Bauteile & Zustände

Knöpfe auf hellem Grund — Radius 100 px, Höhe 45 px

default → hover #726381 → active #62546f → focus 2 px #221f25, Offset 3 px → disabled #eae4f0/#5c5961. Kein Skalieren, kein Schatten.

Leistungs-Karte — das einzige 3-Spalten-Raster der Site, Oberkante als Haarlinie

Hover: Oberkante wird 2 px #7f708e. Kein Fond, kein Schatten, kein Radius.

Zitat-Karte — Fond #f2eff6, Polster 40 px, keine Sterne-Grafik

Sehr verlässlich! Alles hat gut geklappt und Wünsche wurden berücksichtigt.

Isabell B. · partymat.de · 2015

Verzeichnis-Zeile — Haus · Ort, Zeilenhöhe 56 px, tnum, Hover #f5f3f7

Schloss BasthorstBasthorst
Wasserschloss MellenthinUsedom
„MS Babelsberg“Berlin
Radisson Blu HotelDessau

Die JAHR-Spalte ist spezifiziert, aber leer — das Dossier liefert keine Jahre. Es wird keines geschätzt.

Feld-Zustände auf hellem Grund — Unterstrich statt Kasten, Höhe 56 px

! Ohne Datum kann ich dir nicht sagen, ob ich kann. Trag es kurz ein.

Tiefe — «Diese Marke hebt nicht, sie trennt»

EbeneWertWann
E0 flachnoneDer Normalfall: Sektionen, Karten, Bilder, Knöpfe, Felder
E1 Haarlinieinset 0 -1px 0 rgb(208 205 212 / 1)Verzeichnis, Akkordeon, Stundenlinie
E2 schwebend0 1px 2px rgb(34 31 37 / .06), 0 8px 24px rgb(34 31 37 / .10)Nur die mobile Sticky-Anfrage-Leiste
E3 Bühne0 2px 4px …, 0 16px 40px …, 0 40px 80px rgb(34 31 37 / .10)Nur Mobil-Menü-Bühne und Bild-Lightbox

23:00 · Die Fläche ist voll

Moodboard — Bildstimmung FX-Event

Bildsprache

Kunstlicht 2700–3200 K, weich, von hinten. Querformat 1.5–1.67, Augenhöhe, Halbtotale. Eine Gradation über alle Bilder: Schatten Richtung #281e32, Lichter warm, Sättigung −10 %. Auf dunklem Grund eine flächige Deckung #281e32 bei 55 % — kein Verlauf, kein Weichzeichner.

Nie: Discokugel, Plattenteller, Kopfhörer, Konfetti, Laser, Stock-Brautpaar. Keine erkennbaren Gesichter ohne schriftliche Freigabe.

03:00 · Der letzte Titel

Erzählt mir von eurem Abend

Datum, Ort, wie viele ihr seid — mehr brauche ich für ein Angebot nicht. Ich melde mich meist noch am selben Tag.

Auf dunklem Grund gibt es exakt zwei Textfarben: #f9f6fc und #d0cdd4. Die Pille trägt hier zusätzlich 1 px #b6a6c6, damit ihre Kontur nicht unter 3:1 fällt.