Gleiches Logo. Gleiche Farbe.
Ein digitales System drumherum.

Logo und Bordeaux-Ton bleiben exakt wie sie sind — daraus entsteht jetzt ein vollständiges, modernes Marken­system für Web, Portal und Präsentation.

StatusKonzept v2 — auf Logo-Basis
Kernfarbe (fix)Bordeaux #90273E
Neuer AkzentDigital-Teal
Type-SystemManrope + Inter

Farbwelt

Bordeaux (fix) + Digital-Teal (neu)

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.

Primär — Bordeaux

Aus dem Logo abgeleitet, 500 = Original
Bordeaux 900#41121C
Bordeaux 700#681C2D
Bordeaux 500#90273E
Bordeaux 300#CF4D69
Bordeaux 100#F1E4E7

Akzent — Digital Teal

Komplementär zu Bordeaux · CTAs, Daten, digitale Momente
Teal 600#2C6D5F
Teal 500#3C8676
Teal 400#6AAFA0
Teal 100#E0EBE9
Weiß#FFFFFF

Neutral — warmes Ink & Paper

Von Bordeaux-Ton mitgetönt, nicht neutral-grau
Paper#F8F7F7
Stone 200#E3DEDF
Stone 400#B6A5A9
Stone 700#5B484C
Ink 900#24191C

Funktional

Für Mandantenportal & digitale Tools
Erfolg#3C8676
Hinweis#C97A2E
Fehler#B23A2E
Info / Marke#90273E
Deaktiviert#B6A5A9

Verläufe

Für Hero-Flächen & dunkle Sektionen

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.

bordeaux-900 → bordeaux-500
bordeaux-700 → teal-500
teal-600 → teal-400

Typografie

Manrope + Inter + Mono-Akzent

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.

Headlines
Manrope
600–800 · für H1–H3, große Aussagen
Fließtext & UI
Inter
400–600 · Fließtext, Navigation, Formulare, Portal
Daten & Zahlen
IBM Plex Mono
400–500 · Kennzahlen, Labels, Eyebrows, Beträge
Digitale Steuerberatung
H1 · Manrope 70044 / 48px · -0.015em
Jahresabschluss & Steuererklärung
H2 · Manrope 70030 / 36px
Lohn- und Gehaltsabrechnung
H3 · Manrope 70020 / 28px
Wir verbinden persönliche Beratung mit digitalen Prozessen — von der Belegerfassung per App bis zum Mandantenportal in Echtzeit.
Body · Inter 40016 / 26px
MANDANTENPORTAL · DATEV UNTERNEHMEN ONLINE
Eyebrow / Label · Mono 50012 / 16px · +0.1em

Komponenten

Anwendung im Interface

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.

Mandantenportal
Termin vereinbaren
Portal öffnen
Leistungen ansehen
01

Digitale Buchhaltung

Belege per App erfassen, automatisiert verarbeiten, jederzeit einsehbar im Mandantenportal.

02

Jahresabschluss & Steuern

Vorausschauende Planung statt reiner Pflichterfüllung — mit klaren digitalen Reports.

03

Lohn & Gehalt

Digitale Personalakte, automatisierte Meldungen, direkte Anbindung an DATEV.

100%
Digitale Belegerfassung ohne Papierordner
24h
Durchschnittliche Rückmeldezeit im Portal
03
Systeme direkt angebunden: DATEV, Portal, App
Name
Max Mustermann
E-Mail
max@unternehmen.de
Kontakt aufnehmen

E-Mail

Signatur im Markendesign

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.

Vorschau
Goyer Pfingsten
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
Eingaben
Kontakt + Foto
Name, Position, Telefon, Mobil, E-Mail, Web, Adresse, Claim, Rechtlicher Hinweis — plus optionales Foto mit Zuschnitt, Zoom, Drehen, S/W.
Varianten
Voll- & Kurzversion
Vollständige Signatur mit Rechtstext oder kompakte einzeilige Variante fürs schnelle Antworten.
Export
Outlook & HTML
Direkt für Outlook kopieren (Strg/Cmd+V in den Signatur-Editor) oder als eigenständige HTML-Datei herunterladen.

Design-Tokens

Direkt einsetzbar

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);
}