BRAND SYSTEM · MARKENHANDBUCH

Testimony Arena Church Worldwide

Richtung B — «Fünf Sprachen, ein Satz». Papiergrund, schmaler Satzspiegel, harte Schnitte auf Schwarz. Über jedem Grosstitel steht derselbe Satz in einer anderen Sprache.

THE MARK

Das Zeichen

Ein offenes Herz als durchlaufendes Pinselband, eine goldene Flamme darin. Schwarz umschliesst, Gold ist das Eingeschlossene — das ist die Farbregel der ganzen Seite.

Wortmarke weiss auf Schwarz

Richtig: logo.png (weisse Wortmarke) läuft ausschliesslich auf --brand-secondary #040404.

Wortmarke in Ink auf Creme

Richtig: auf --brand-surface #faf7f1 zwingend logo-ink.png bzw. logo-color.png — sonst verschwindet der halbe Markenname. Schutzraum ≥ 24px, Höhe 48px im Kopf, nie mit Schatten, nie beschnitten, nie eingefärbt.

COLOUR ROLES · GEMESSEN, NICHT GEWÄHLT

Farben & Rollen

Jeder Wert stammt aus brand-measurements.json. Flächenziel: Creme ~55 % · Schwarz ~30 % · Creme-Alt ~8 % · Gold ~7 %.

Rollentrennung statt Markenwechsel: --brand-primary ist und bleibt exakt die Logofarbe #cc9c34. Getauscht wurde nur, was daneben steht — die Schrift auf der Goldfläche (--brand-on-primary #232018, 6,48:1 statt Weiss mit 2,51:1) und eine zweite Abstufung fürs Lesen auf Creme (--brand-primary-ink #916300, 4,92:1 statt #cc9c34 mit 2,35:1). Zwei Abstufungen einer Marke sind Markenarbeit; das Überschreiben der Marke wäre es nicht.

#faf7f1
Papiergrund--brand-surface Grundfläche aller Lese-Bahnen. Dominant (~55 %).
ink 15,21:1 · AAA
#040404
Gegenbahn--brand-secondary Vollflächige schwarze Bänder: Besuch, Zeiten, Fuss (~30 %).
weiss 20,50:1 · AAA
#f9f1e1
Anmelde-Band--brand-surface-alt Genau EIN Band pro Seite. Sonst nirgends.
ink 14,48:1 · AAA
#cc9c34
Die Markenfarbe--brand-primary Die Logofarbe, unverändert. Knopf-Füllung, 3px-Naht, Schrift NUR auf Schwarz.
auf #040404 8,17:1 #232018 darauf 6,48:1
weiss darauf 2,51:1 — gesperrt
#232018
Schrift auf der Markenfläche--brand-on-primary Ersetzt das durchgefallene Weiss. Die Fläche bleibt #cc9c34.
auf #cc9c34 6,48:1 · AA
#916300
Marke als Schrift auf Hell--brand-primary-ink Zweite Abstufung derselben Marke, nur für Text. Jedes Gold-als-Text auf Creme läuft über diesen Wert.
auf #faf7f1 4,92:1 · AA auf #f9f1e1 4,69:1 · AA
#232018
Text--brand-ink Fliesstext, Überschriften auf Hell, Label auf Gold.
15,21:1 · AAA
#5c584f
Nebentext--brand-ink-soft Caption, Meta, Placeholder. Nie für Absätze.
6,63:1 · AA
#d1cec7
Haarlinie--brand-border 1px-Trenner, Input-Rahmen (Ruhe).
1,47:1 — rein dekorativ, nie alleiniges Signal

Die Skalen — Abstufungen kommen von hier, nie aus dem Gefühl

12 34 56 78 910 1112
12 34 56 78 910 1112
12 34 56 78 910 1112

TYPE SCALE · LIVE GESETZT

Typografie

Frank Ruhl Libre 600/700 trägt das Wort, Work Sans 400 auf Zeilenhöhe 1,8 trägt die Predigt. Versal ist Struktur, nicht Betonung.

H1 · Frank Ruhl Libre 700 · 64/38px · 1.06 · −0.02em

Komm, wie du bist

H2 · Frank Ruhl Libre 600 · 42/30px · 1.12 · −0.015em

Wir sprechen deine Sprache

H3 · Frank Ruhl Libre 600 · 26/22px · 1.25

Gottes­dienst­zeiten

H4 · Work Sans 600 · 18/17px · 1.35

Deine Anmeldung

LEAD · Work Sans 400 · 20/18px · 1.60

Testimony Arena ist eine offene Gemeinde in Herten: multikulturell, generationenübergreifend, dienstags und mittwochs um 19:00 Uhr.

BODY · Work Sans 400 · 17/16px · 1.80 · 62–75 Zeichen

Wir sind eine Gemeinde, in der fünf Sprachen zu Hause sind. Wer zum ersten Mal kommt, muss nichts wissen, nichts mitbringen und nichts sagen. Es reicht, da zu sein — den Rest erklären wir dir, in der Sprache, in der du denkst.

QUOTE · Frank Ruhl Libre 600 · 28/22px · 1.35

«Best church Community in NRW»

Hamid · 5 ★ · Google

EYEBROW / PFINGST-ZEILE · Work Sans 500 · 13/12px · +0.16em · Versal

COME AS YOU ARE — WE SPEAK YOUR LANGUAGE

Härtefall — deutsche Komposita bei 320px

Pflicht-Weichtrennungen im Redaktionstext, weil hyphens: auto bei Eigennamen versagt:

WortGesetzt als
GottesdienstzeitenGottes­dienst­zeiten
SophienstraßeSophien­straße
WillkommensgottesdienstWillkommens­gottes­dienst
RegistrierungsformularRegistrierungs­formular
H2 ≤ 375pxfällt von 30px auf 26px

THE SIGNATURE · DAS MOTIV

Die Pfingst-Zeile

Apostelgeschichte 2: Jeder hörte in seiner eigenen Sprache. Über jedem Grosstitel steht derselbe Satz — winzig, versal, gesperrt — in einer anderen Sprache als der aktiven.

RegelWert
Grösse / Sperrung13px (Mobil 12px) · Work Sans 500 · Versal · LS 0.16em (Mobil 0.14em)
Abstand zum H1/H2--space-2 = 12px
Farbeauf Hell #916300 (4,92:1) · auf Schwarz #cc9c34 (8,17:1)
Sprachwechselaktiv EN → Zeile DE · aktiv DE → Zeile EN · aktiv NL/ES/FR → Zeile EN
Fehlt die HandübersetzungZeile entfällt ersatzlos — nie maschinell übersetzt
Vorkommennur H1 und H2 · eine pro Sektion · nie über H3/H4, Karten, Labels, Fuss
Naht (cut)3px #cc9c34 über volle Breite bei jedem Schnitt hell→schwarz; nächste Pfingst-Zeile exakt 40px darunter

COMPONENTS · ZUSTÄNDE SIND WERTE

Knöpfe — eine Anatomie

53px hoch · Polster 14/32 · Radius 2px · 2px Rahmen · Label 16px Frank Ruhl Libre 600 mit 1px Sperrung. Zwei Knöpfe nebeneinander unterscheiden sich nur in der Füllung, nie in Form oder Höhe. Fahr mit der Maus drüber.

Primär: Gold-Füllung #cc9c34 mit --brand-on-primary #232018 (6,48:1) — nie weiss auf Gold (2,51:1, gesperrt). Hover kippt auf Schwarz. Active: #c09124 + translateY(1px). Fokus: 2px Ring #916300, Offset 3px (Tab-Taste probieren).

ON BLACK

Dieselbe Anatomie auf der Gegenbahn

Fokusring auf Schwarz: 2px #cc9c34 (8,17:1). Schatten gibt es hier nicht — auf Schwarz ist die 1px-Haarlinie die Elevation.

CARDS · RADIUS 0, KEIN SCHATTEN

Karten

19:00

Bible Refreshment

Dienstags · Rhema and Revelation. Wir gehen dem Wort nach, gemeinsam, in fünf Sprachen.

MITMACHEN

19:00

Revival

Mittwochs · anderthalb Stunden in seiner Gegenwart. Komm dazu, von wo auch immer du bist.

MITMACHEN

One Soul Ministry

Das Herz aller Dienste: ein Ort, an dem Menschen und ihr Schöpfer sich begegnen.

MEHR LESEN

Termin-Karte auf Schwarz: 1px #595959, Hover → 1px #cc9c34. Ministry-Karte auf Creme: obere 1px-Linie, Hover → 3px Gold. Kein Schatten, kein Radius, kein Anheben.

SIGN UP · DIE KERNFUNKTION

Anmeldung

Das einzige Band in --brand-surface-alt #f9f1e1 auf der ganzen Seite. Felder stehen auf --brand-surface, damit sie sich abheben.

Felder mit * sind Pflicht.

↯ Wir brauchen deine E-Mail, damit wir dir antworten können.

ANMELDUNG ABSCHICKEN

Known Gap: Die Messwerte enthalten kein Rot und kein Grün. Der Fehlerzustand ist deshalb typografisch codiert — 2px Ink-Rahmen, 4px Goldkante links, fetter Fehlertext, Textzeichen statt Icon. Unabhängig von Farbsehen lesbar. Es wird kein Rot erfunden.

PROOF SCREENS · DESKTOP & MOBIL

Die Richtung, gebaut

Desktop 1350 · Hero

COME AS YOU ARE — WE SPEAK YOUR LANGUAGE

Komm, wie du bist —
wir sprechen deine Sprache.

Testimony Arena ist eine offene Gemeinde in Herten: multikulturell, generationenübergreifend, dienstags und mittwochs um 19:00 Uhr — in Englisch, Deutsch, Niederländisch, Spanisch oder Französisch.

PLAN YOUR VISIT

Dein erster Besuch

Sophien­straße 3, 45699 Herten. Du musst nichts wissen, nichts mitbringen und nichts sagen. Es reicht, da zu sein.

Die schwarze Besuchs-Sektion ist die grösste der Seite — sie folgt ohne Übergangsbild direkt auf den Hero. Dunkelanteil-Ziel: 30 % (Korridor 0–35 %).

Mobil 390

COME AS YOU ARE

Komm, wie du bist.

Offene Gemeinde in Herten. Fünf Sprachen. Dienstags und mittwochs 19:00.

PLAN YOUR VISIT

Dein erster Besuch

Sophien­straße 3,
45699 Herten

ANFAHRT ANSEHEN

IMAGERY · DOKUMENTARISCH, WENIGE, ALS BÄNDER

Bildstimmung

Moodboard: warmer, entsättigter dokumentarischer Gemeinderaum

Entsättigt-warm (55–65 %), weiches Seitenlicht am späten Nachmittag, ein goldener Lichtakzent Richtung #cc9c34, Tiefen auf #232018 statt auf Schwarz. Bildbänder 5:1 bis 14:1, Radius 0, randlos, beschnitten statt gestaucht. Nie: Kreuz-Silhouette vor Wolken, Bühnennebel, Spendenhände, Stockfoto-Posen, Text im Bild.

RULES · ÜBERPRÜFBAR

Do’s und Don’ts

Do

  • Pfingst-Zeile über jedem H1/H2 — 13px, Versal, 0.16em, 12px Abstand.
  • Hell und dunkel hart trennen: Creme endet, 3px Goldnaht, Schwarz beginnt.
  • Zwei Container: 1350 Übersicht, 1024 alles Gelesene, linksbündig.
  • Zeiten sind Knöpfe: «DIENSTAG 19:00 CET» — im zweiten Bildschirm, nicht im Fuss.
  • Fliesstext 17px/1,8, Zeile bricht bei 62–75 Zeichen.
  • Nur --space-1..6 für Abstände — 8 : 24 : 112.
  • Echte Inhalte: 7 Dienste, echte Zeiten, echte Adresse, die eine echte Rezension.
  • Fünf echte Sprachfassungen — sonst fällt die Sprache aus der tongues-row.

Don’t

  • Keine Scroll-Dramaturgie: null Reveals, kein Parallax, kein Sticky-Vollbild, kein Zähler, keine @keyframes.
  • Kein zentrierter Gradient-Hero, kein Vollbild-Foto mit Textoverlay, kein Karussell.
  • Keine Platzhalter: kein Lorem ipsum, kein fremder Pastor, keine «0M+»-Zähler.
  • Gold nie als grosse Fläche und nie als Text auf Hell (2,35:1) — dort gilt --brand-primary-ink #916300. --brand-primary und --brand-surface werden nie umdefiniert.
  • Keine Icon-Grids, keine Icon-Kreise, kein Flammen-Piktogramm.
  • Kein Radius über 2px, keine Pill-Buttons, Bilder auf Radius 0.
  • Keine gleichförmigen Sektionsstapel, max. EIN 3-Spalten-Grid auf der Site.
  • Kein Blau/Türkis, keine Tailwind-Defaults, keine Flaggen-Emoji, kein Translate-Widget.