Brueckner Event Catering
Brand-System · Stand 30.09.2026 V 1.0
01 — Die Idee1 Motiv

Teller macht Farbe

Die Marke ist vollständig entsättigt — Grauviolett und Taupe, kein Gramm Chroma. Also wird das Essen zur einzigen Farbe der ganzen Website. Seite, Schrift, Linien und Knöpfe bleiben grau; jedes Lachsrosa, Limettengrün und Zitronengelb kommt aus einem hart angeschnittenen Teller-Makro.

Signature-MotivDie Gedecklinie

Eine 1px-Haarlinie in Taupe, die nie leer steht: links ein gesperrtes Versal-Label, rechts ein Wert in Tabellenziffern. Sie ist die Bauweise des Logos (Wortmarke / Strich / Sperr-Versalzeile), eine Ebene tiefer gedreht — und trägt das Verkaufsargument dieses Betriebs: jede Linie hat einen Namen und einen Preis.

Darmstadt · Odenwald · Bergstrasse+49 172 6902602
Preis p. P.27,0
Preis p. P.135,0
Preis p. P.auf Anfrage

Tabellenziffern: die Werte enden auf derselben Achse, egal wie lang sie sind.

02 — Farbengemessen

Aus dem Logo gemessen

Blatt · surface#f7f7fd

Grundfläche, ≈ 74 % der Seite.

Gegenfläche · primary-12#1f1f2a

Nur Anfrage-Bühne, Footer, gefüllter Knopf. ≈ 15 %.

Gedecklinie · secondary#6d6a61

secondary/surface 5.07 — AA. Linie, Label, Ziffer. Nie Fläche.

Markenfläche · primary#767688

Unveränderte Logofarbe. Nie Schrift. Trägt Schrift nur in #000000 (on-primary) — 4.72, AA. Weiss darauf trüge nur 4.45.

ON-PRIMARY #000000 AUF #767688 · 4.72 : 1 · AA
Schrift · ink#1f1f26

ink/surface 15.35 — AA + AAA. Jeder Fliesstext.

Schrift leise · ink-soft#5a5a63

ink_soft/surface 6.39 — AA, nicht AAA. Nie unter 13px.

Warme Zäsur · secondary-2#f0f0ef

Genau eine Sektion: die Person Bernd Brückner.

Marke klein · primary-11#595968

--brand-primary-ink: die Marke, wenn sie Schrift ist. primary_ink/surface 6.44 — AA in jeder Grösse.

Skala primary1 → 12
Skala secondary1 → 12
Skala gray1 → 12

Abstufungen kommen ausschliesslich aus diesen drei Skalen. Kein gemischter Hex, keine Tailwind-Defaultfarbe, kein Gradient.

03 — Typografie2 Familien

Schibsted Grotesk / IBM Plex Sans

Display nur im Schnitt 700, Body nur in 400 / 500 / 600. Kein Italic, nirgends. Versalien nur im Display und in den Labels — dort immer mit +0.12em Sperrung.

display-hero · 92 / 64 / 40 · 700 · LH 1.0 · -0.02em
Wir leben Catering
display-1 · 56 / 44 / 32 · 700 · LH 1.06 · -0.02em
Die Karte
display-2 · 32 / 28 / 24 · 700 · LH 1.12 · -0.015em
Wir verkaufen keinen Katalog.
tile-title · 26 / 24 / 22 · 700 · LH 1.2 · -0.01em
Fingerfood Odenwald
caps-label · 14 / 13 / 12 · 600 · +0.12em
Darmstadt · Odenwald · Bergstrasse
lead · 20 / 19 / 18 · 400 · LH 1.55
Du sagst uns, wer kommt, was ihr mögt und was es kosten darf.
body · 17 / 17 / 16 · 400 · LH 1.6
Jedes Arrangement arbeiten wir unverbindlich nach deinen Wünschen aus — vorzugsweise regional und saisonal, auf Wunsch vegan, vegetarisch oder glutenfrei.
price · 20 / 20 / 18 · 500 · tnum
27,0 · 35,0 · 135,0
caption · 13 · 400 · LH 1.45
Richtwert ohne Service, Getränke und Geschirr.
04 — Komponenten3 Knopftypen

Ein gefüllter Knopf, sonst Linie

Genau ein btn-primary pro Sektion — die einzige gefüllte Fläche ausser Anfrage-Bühne und Footer. Alle Zustände sind hier echt: hover, active, focus.

btn-primary · gefüllt48px
Unverbindlich anfragen Disabled #1f1f2a → hover #595968 → active #1f1f26
btn-outline · Sekundärstufe48px
Alle Arrangements Disabled transparent → hover #e6e6ed → active #dedee6
btn-ghost · Gedecklinie14px
Arrangement ansehen Disabled Linie 1px #6d6a61 → hover 2px #1f1f26
05 — Die Kachel12 Arrangements

Gleiche Kachel, zwölf Mal

Lachstatar auf Kartoffel-Reibekuchen
01Fingerfood

Fingerfood Odenwald

Preis p. P.27,0
Arrangement ansehen
Angerichtetes Gericht
02Fingerfood

Fingerfood vegan-vegetarisch

Preis p. P.28,0
Arrangement ansehen
Angerichtetes Gericht
03Buffet

Buffet Odenwald

Preis p. P.auf Anfrage
Arrangement ansehen
04
04Buffet

Spanisches Buffet

Preis p. P.auf Anfrage
Arrangement ansehen

Kachel 04 zeigt den Bild-Fallback: liegt für ein Arrangement kein taugliches Teller-Makro vor, steht die Nummer auf #f0f0f4 — nie ein Ersatzbild aus einer anderen Kategorie, nie ein Raumfoto.

«Wir verkaufen keinen Katalog. Wir kochen, was zu euch passt.»
Bernd Brückner Seit über 30 Jahren
06 — Das Proof-ArtefaktEbene 2

Das kommt bei dir an

Angebot · Beispiel14.06.2026

Firmensommerfest, 80 Gäste

Fingerfood Odenwald, 6 Teile · 80 × 27,02160,0
Geschirrverleihauf Anfrage
Servicepersonalauf Anfrage
Speisen gesamt 2160,0

Beispielkalkulation mit belegten Paketpreisen. Dein Angebot rechnen wir individuell.

07 — Anfrageunverbindlich

Erzähl uns von deinem Fest

Gäste × Preis p. P.2160,0

Richtwert ohne Service, Getränke und Geschirr. Dein verbindliches Angebot rechnen wir von Hand.

+49 172 6902602
08 — Elevation4 Stufen

Blatt vor Schatten

Diese Marke ist ein gedrucktes Blatt, kein schwebendes Interface. Tiefe entsteht zuerst über die Haarlinie und den Flächenwechsel.

0 · Blattnone

Standard: alle Kacheln, Bilder, Felder.

1 · KarteReserve

Aktuell nicht verwendet.

2 · Angebot3 Layer

Nur die Angebotskarte.

3 · Leiste2 Layer

Nur die fixe Navigation beim Scrollen.

09 — BildspracheRatio 1.33

Nur Teller, nur Tageslicht

Moodboard: Teller-Stillleben in neutralem Tageslicht
Moodboard4:3

Essen füllt ≥ 70 % des Rahmens, hart vom Bildrand angeschnitten, Eigenfarbe ungefiltert. Nie: Stretchhussen, Bankettsaal, grauer Teppich, Neonlicht, Stock-Models.

10 — Regelnhart

Do & Don't

Do8
  • Teller-Eigenfarbe unangetastet lassen — kein Filter, keine Tönung.
  • tnum auf jeder Zelle mit Geld, Gästezahl oder Datum.
  • Gedecklinie immer vollständig: Label links, Wert rechts, 1px #6d6a61.
  • Ein Bildverhältnis, 1.33, überall.
  • Genau ein gefüllter Knopf pro Sektion.
  • Echte Preise im Klartext; sonst «auf Anfrage» an derselben Position.
  • Jeder Abstand aus var(--space-1..6).
  • Vegan, vegetarisch, glutenfrei sichtbar benennen.
Don't10
  • Kein Raum- oder Buffetfoto in den Sektionen 1–3.
  • Kein Gradient-Hero, kein Mesh, kein Glasmorphismus.
  • Kein Icon-Grid, kein zentrierter Fliesstext.
  • Keine zwei gleichartigen Karten-Reihen untereinander.
  • Keine Fremdfarbe — kein Tailwind-Default, kein Rot für Fehler.
  • #767688 ist nie Schrift — in keiner Grösse (primary/surface 4.17). Marke als Schrift = --brand-primary-ink #595968 (6.44). Schrift auf #767688 = #000000 (4.72), nie Weiss (4.45). Weiss auf Dunkel = --brand-on-dark (16.31).
  • Kein Radius ausser auf Knöpfen.
  • Schibsted Grotesk nie unter 22px, nie in 400/500, nie kursiv.
  • Keine erfundene Zahl — Preis, Gästezahl, Jahr, Reaktionszeit.
  • Kein generiertes Gesicht von Bernd Brückner.