Logo und Bordeaux-Ton bleiben exakt wie sie sind — daraus entsteht jetzt ein vollständiges, modernes Markensystem für Web, Portal und Präsentation.
Logo-System
Das bestehende Logo aus dem Logopack 2021 in seinen Standardanwendungen. Neu ist nicht das Zeichen, sondern die Fläche und Typografie, die es umgeben.
Farbwelt
Bordeaux bleibt exakt der Logo-Farbwert und trägt weiterhin Marke, Headlines und Hauptaktionen. Neu dazu kommt ein kühler, zurückhaltender Teal-Ton als Digitalisierungs-Akzent — die Komplementärfarbe zu Bordeaux, bewusst als Kontrast zur warmen Kanzleifarbe gewählt.
Verläufe
Der warm-kalte Verlauf von Bordeaux zu Teal steht sinnbildlich für „Tradition trifft Digitalisierung" und ist für große, ruhige Flächen reserviert — nie im Fließtext-Bereich.
Typografie
Manrope übernimmt Headlines: eine moderne, leicht abgerundete Grotesk, die die weichen Formen des Signets aufgreift, ohne die Wortmarke zu kopieren. Inter trägt Fließtext, Formulare und Mandantenportal. IBM Plex Mono markiert Zahlen, Kennzahlen und Systemreferenzen.
Komponenten
Weiche, großzügige Radien statt scharfer Kanzlei-Kanten. Bordeaux trägt Struktur und Hauptaktionen, Teal ist ein knapper, gezielter Digital-Akzent — nie flächig.
Belege per App erfassen, automatisiert verarbeiten, jederzeit einsehbar im Mandantenportal.
Vorausschauende Planung statt reiner Pflichterfüllung — mit klaren digitalen Reports.
Digitale Personalakte, automatisierte Meldungen, direkte Anbindung an DATEV.
Einheitliche E-Mail-Signatur mit Logo, Kontaktdaten und Bordeaux/Teal-Akzent. Die Signatur selbst nutzt bewusst Arial/Helvetica statt Manrope/Inter — E-Mail-Clients laden keine Web-Fonts, websichere Schriften sind hier Pflicht.
|
Max Mustermann
Steuerberater
Goyer Pfingsten Steuerberater Partnerschaft
Tel. +49 231 000 000-0
max@goyer-pfingsten.de · goyer-pfingsten.de
Musterstraße 1, 44135 Dortmund
|
Design-Tokens
CSS Custom Properties für Website, Portal und Präsentationen — Bordeaux bleibt der fixe Ankerwert.
:root {
/* Primär — Bordeaux (Logo, fix) */
--bordeaux-900: #41121C;
--bordeaux-700: #681C2D;
--bordeaux-500: #90273E; /* Original-Logofarbe */
--bordeaux-300: #CF4D69;
--bordeaux-100: #F1E4E7;
/* Akzent — Digital Teal (neu) */
--teal-600: #2C6D5F;
--teal-500: #3C8676;
--teal-400: #6AAFA0;
--teal-100: #E0EBE9;
/* Neutral — warmes Ink & Paper */
--paper: #F8F7F7;
--stone-200: #E3DEDF;
--stone-400: #B6A5A9;
--stone-700: #5B484C;
--ink-900: #24191C;
/* Funktional */
--warn: #C97A2E;
--err: #B23A2E;
/* Typografie */
--font-display: 'Manrope', 'Inter', sans-serif;
--font-body: 'Inter', sans-serif;
--font-mono: 'IBM Plex Mono', monospace;
/* Radien & Schatten */
--radius-s: 6px;
--radius-m: 12px;
--radius-l: 20px;
--shadow-card: 0 1px 2px rgba(36,25,28,.06), 0 8px 24px rgba(36,25,28,.07);
}