Brand-System · Richtung A «Goldener Bogen»
Wir haben die Menschen, die Abende und die Ideen. Was uns noch fehlt, ist der Ort. Diese Seite zeigt das Marken-System, aus dem die Website gebaut wird — Farbe, Schrift, Form und der eine Bogen, der alles zusammenhält.
Kontakt aufnehmen Über uns01 — Farbe
Jeder Wert stammt aus der Messung des Logos. Das Gold läuft in zwei Stufen derselben Farbe: Messing zeichnet, Bronze trägt.
Warum die Marke zwei Goldstufen hat — und keine davon erfunden ist.
Messing #a88850 ist das Gold, wie man es im Logo sieht. Es bleibt genau da, wo es
im Logo steht: in der Linie — im Bogen, in der Zier-Haarlinie. Gegen Creme misst es 3.12 : 1;
das reicht für eine Linie, nie für einen Buchstaben.
Bronze #6e5931 ist dieselbe Farbe eine Stufe dunkler — aus der gemessenen
Goldskala, nicht gemischt. Sie übernimmt überall dort, wo Gold Schrift trägt oder selbst Schrift wird:
Eyebrow, Unterlinie, Rahmen, Fokusring, Chip. Weisse Schrift darauf misst 6.70 : 1, Bronze auf Creme
6.27 : 1 — beides über der AA-Schwelle von 4.5 : 1.
Zwei Abstufungen einer Farbe sind normale Markenarbeit; ein unlesbarer Knopf ist es nicht. Nicht getan: die Farbe gewechselt, Weiss durch Grau ersetzt oder die Schrift vergrössert.
Gold-Skala — beide Rollen sind zwei Stufen derselben Farbe: Messing (10. Feld) zeichnet,
Bronze (11. Feld) trägt. Das 9. Feld #b4945b ist stillgelegt und kommt im Bau nicht vor.
Sekundär-Skala (Dunkelgrün)
02 — Schrift
Marcellus ist eine römische Inschriften-Antiqua — sie nimmt die gesperrte Versalzeile «HOPE DILL» des Logos auf, statt sie zu bekämpfen. Sie hat genau einen Schnitt; die Hierarchie entsteht aus Grösse und Abstand, nicht aus Gewicht.
display-hero · Marcellus 400 · 64/42 px · LH 1.04 · LS −0.8 px
display-1 · Marcellus 400 · 44/32 px · LH 1.12 · LS −0.6 px
display-2 · Marcellus 400 · 32/26 px · LH 1.18 · LS −0.4 px
display-3 · Marcellus 400 · 24/21 px · LH 1.25 · LS −0.2 px
wordmark · Marcellus 400 · 20 px · LS +0.18em · VERSALIEN (nur Logo-Schriftzug)
eyebrow · Source Sans 3 600 · 10 px · LS +0.12em · VERSALIEN
Soziale & missionarische Projekte
lead · Source Sans 3 400 · 19/17 px · LH 1.6
Wir sind eine gemeinnützige gUG. Alle arbeiten ehrenamtlich.
body · Source Sans 3 400 · 15 px · LH 1.8 — auf allen Breiten gleich
Ein Begegnungscenter ist kein Gebäude, sondern eine Verabredung: dass man sich trifft, dass jemand Kaffee kocht, dass Kinder und Grosseltern am selben Tisch sitzen. Wir suchen dafür Räume im Dilltal — und Menschen, die das mittragen.
data · tabular-nums — Datum, Telefon, Registernummer, Quadratmeter
HRB 9555 · Amtsgericht Wetzlar · +49 151 52310872
03 — Signature-Motiv
Der goldene Ring im Logo ist im Scheitel offen — dort bricht die Dachspitze durch. Diese Lücke wird zum Bauteil: über jedem Abschnitt spannt eine goldene Haarlinie, und in der Lücke steht genau eine Sache. Sie sagt jedes Mal dasselbe: hier ist noch Platz — für den Ort, für den Sponsor, für den Nächsten.
Bildplatzhalter
Solange keine echten Fotos vorliegen: leere Bogenfläche statt Stockfoto.
Hover: goldener Rahmen, Ebene 1, −2 px. Fahr mit der Maus drüber.
Keine Bewegung. Eine Karte, die sich bewegt, ohne zu führen, ist ein Fehler.
Radius-Gesetz: oben Bogen (gedeckelt auf 160/120/96 px), unten 2 px, Bedienelemente 6 px. Es gibt keine andere Rundung.
04 — Das eine dunkle Band
Hier und im Fuss — sonst nirgends. Dunkelanteil-Ziel: 18 %. Text auf dieser Fläche ist immer Creme (9.53 : 1) oder Weiss (10.18 : 1). Gold auf dieser Fläche ist Messing hell #cbb58f (5.11 : 1) — Bronze verschwindet hier (1.61 : 1) und wird deshalb nie auf Dunkelflächen gesetzt.
Umriss-Knopf auf dunkel05 — Bauteile & Zustände
Primär — der einzige gefüllte Knopf, genau einer pro Band
Kontakt aufnehmenSekundär — Umriss mit Bronze-Kante #6e5931 (6.27 : 1)
Termine ansehenDeaktiviert — gray-3 / gray-8, kein Hover
Chip — die einzige gefüllte Bronze-Fläche, weisse Schrift 6.70 : 1
Konzert In PlanungHover und Fokus sind hier echt: mit der Maus drüberfahren, mit Tab durchsteppen.
Der Fokusring ist 2 px Bronze #6e5931 (6.27 : 1) mit hellem Saum; auf Dunkelflächen
wechselt er auf Messing hell #cbb58f (5.11 : 1).
Bitte trag eine E-Mail-Adresse ein, an die wir dir antworten dürfen.
Kein Rot: das Projekt hat keinen gemessenen roten Ton, und eine erfundene
Fehlerfarbe ist verboten. Der Fehler trägt 2 px --brand-primary-12 #393329 (11.70 : 1) plus Klartext.
Abstände — die einzigen erlaubten Werte
| Token | px | Einsatz |
|---|---|---|
--space-1 | 8 | innerhalb enger Gruppe (Label → Feld, Icon → Wort) |
--space-2 | 12 | Überschrift → Lead |
--space-3 | 24 | zwischen Gruppen, Grid-Rinne, Karten-Polster |
--space-4 | 40 | grosse Trennung innerhalb einer Sektion |
--space-5 | 72 | zwischen Sektionen (Standard) |
--space-6 | 112 | Kapitel-Atempause, max. 2× pro Seite |
Verhältnis-Gesetz 8 : 24 : 72 = 1 : 3 : 9. Der Mittelwert-Brei (alles ~32 px) ist verboten.
06 — Bildwelt
Warme Creme-Lichter, entsättigtes Grün, ein einziger Goldakzent als Licht. Keine Gesichter, keine Stockfoto-Gruppen, keine Kirchensymbole — und nie ein Foto einer fremden Gemeinde.
Bogenbeschnitt oben, 2 px unten — dasselbe Gesetz wie bei Karten und Hero.