Brand Guide
So sieht und wirkt die Marke
Nach der Entscheidung für Variation 1 sammeln wir hier die finalen Gestaltungsrichtlinien — verbindliche Regeln zu Logo-Verwendung, Farbwelt, Typografie, Bildsprache und Tonalität. Alles, was die Marke im Alltag konsistent macht.
Bausteine
Logo
Wort-/Bildmarke, Bildmarke, Schutzzonen, Mindestgrößen, Anwendung auf hellem und dunklem Grund.
Farbwelt
Primär- und Sekundärfarben mit HEX-, RGB- und CMYK-Werten. Einsatzregeln für den Kupfer-Gradient.
Typografie
Hausschriften Euclid (Überschriften) und Fira Sans (Fließtext) inklusive Schnitten, Größen und Zeilenabständen.
Bildsprache
Auswahl, Bearbeitung und Stil der Bildwelt — warm, vertrauensvoll, klar.
Tonalität
Sprache der Marke in Mandantenkommunikation, Website, Social Media. Do's und Don'ts.
Anwendungsbeispiele
Konkrete Einsatz-Beispiele: Briefpapier, Visitenkarten, Mandantenunterlagen, Schilder, digitale Kommunikation.
Logo
Auf hellem Grund
Auf dunklem Grund
Downloads
Offizielle Logo-Dateien zur Verwendung in Präsentationen, Dokumenten und externer Kommunikation.
Do
- Logo in seiner Originalform und -proportion verwenden
- Ausreichend Schutzzone freihalten
- Volllogo auf hellem oder dunklem Hintergrund in der vorgesehenen Version einsetzen
- Bildmarke nur als Icon-only (Favicon, Avatar, Social Icon)
- Beim Export: immer Vektor (SVG, PDF) bevorzugen
Don't
- Logo nicht verzerren, stauchen oder drehen
- Farben nicht verändern — kein freies Recolouring
- Kein zusätzlicher Schatten, Glow oder Outline
- Nicht in die Schutzzone hineinragende Elemente platzieren
- Nicht auf unruhigem Bild oder kontrastarmem Hintergrund einsetzen
Farbwelt
Waldgrün
Primärfarbe der Marke. Steht für Beständigkeit, Verlässlichkeit und Vertrauen. Für große Flächen, Header, ausgewählte Textanwendungen.
- HEX
- #003C32
- RGB
- 0 · 60 · 50
- CMYK
- 100 · 0 · 17 · 76
Kupfer-Gradient
Akzentfarbe für Details: Icons, Buttons, Hervorhebungen, Highlight-Bars. Nur gezielt einsetzen — wenige Akzente wirken stärker als flächige Anwendung.
- Start
- #C97C5D
- Mitte
- #D4956E → #B87333
- Ende
- #8B5A2B
- Winkel
- 133,87°
Creme
Ruhiger, warmer Hintergrund für Seitenflächen, Mandantenunterlagen und Druckerzeugnisse. Lässt Inhalte atmen.
- HEX
- #F0ECE4
- RGB
- 240 · 236 · 228
- CMYK
- 3 · 4 · 9 · 0
Schwarz
Standard-Textfarbe für Fließtext und Überschriften auf hellem Grund. Kein reines #000 — etwas wärmer und weniger hart.
- HEX
- #1A1A1A
- RGB
- 26 · 26 · 26
- CMYK
- 0 · 0 · 0 · 90
Do
- Waldgrün als Primärfarbe für Header, Hero-Bereiche, Volllogo-Flächen
- Kupfer gezielt als Akzent — Icons, Links, Highlight-Balken
- Creme oder Weiß als ruhige Grundfläche
- Schwarz (#1A1A1A) für Fließtext und Überschriften auf hellem Grund
Don't
- Kupfer nicht flächig einsetzen — wirkt sonst laut und überladen
- Keine Mischungen mit fremden Farben (z. B. reines Blau, Signalfarben)
- Gradient nicht kippen oder umfärben — Winkel und Stopps bleiben
- Kein reines #000 für Text
Typografie
Do
- Euclid ausschließlich für Überschriften und kurze Display-Texte
- Fira Sans für Fließtext, Zahlen und UI-Elemente
- Zahlen mit
font-variant-numeric: tabular-numsfür gleichmäßige Ausrichtung - Text-Rendering mit Anti-Aliasing (webkit-font-smoothing: antialiased)
Don't
- Kein Uppercase / ALL CAPS — wirkt laut und unpassend zum Marken-Ton
- Euclid nicht für längeren Fließtext verwenden
- Keine fremden Hausschriften mischen
- Nicht gesperrt setzen — leichtes negatives Tracking reicht