# Brand-DNA — D-Tax Solutions Steuerberatungsgesellschaft mbH (Dresden)

> **Single Source of Truth.** Alle Personas (Content-Forge, Visual-Studio, Frontend-Builder, Hyperlanding)
> ziehen ihre Brand-Vorgaben aus diesem File. Änderungen hier wirken auf die ganze Demo-Pipeline.
> Erstellt von Brand-Keeper · Basis: Live-HTML/CSS von https://d-tax-solutions.de/ (abgerufen 04.08.2026)
> + Pixel-Sampling der echten Logo-PNGs. Nichts geraten — Abweichungen vom Briefing sind unten markiert.

---

## 0 · Marke auf einen Blick

- **Name:** D-Tax Solutions Steuerberatungsgesellschaft mbH · **Ort:** Klopstockstraße 6, 01157 Dresden
- **Köpfe:** Daniel Henning & Nick Palme (junges, digital-getriebenes Zwei-Kopf-Team)
- **Claim (etabliert, NICHT neu erfinden):** „**Kompetente Steuerberatung – Der Schlüssel für Ihren Erfolg**"
- **Positionierung Site:** „Ihre moderne Steuerberatungskanzlei in Dresden"
- **Bestandsleistungen:** Steuererklärung (Unternehmen jeder Rechtsform + Privat, Bescheidprüfung) · Jahresabschluss (EÜR, Handels-/Steuerbilanz, laufende Beratung) · Finanz- & Lohnbuchhaltung (Lohn, FiBu, individuelle Auswertungen, UStVA)
- **Werte (O-Ton Site):** Individualität · Vertrauen · Fachkompetenz · **Digitalisierung**
- **Erreichbarkeit:** Mo–Fr 8–12 und 14–18 Uhr · 0351 44688358 · info@d-tax-solutions.de
- **Neues Flaggschiff (NOCH NICHT auf der Site — Demo-Annahme aus dem Briefing):** „**Rechtskonform gründen**", geführtes Gründungs-Programm ~500 €, ca. 80 % KI-geführte Plattform (Videos, Schritt-für-Schritt A–Z) + 1–2 strategische Calls mit echtem Steuerberater + Chat mit Eskalation an Menschen (Human-in-the-Loop) + DATEV-perfekt vorbereitete Übergabe. Kostenloser 15-Min-Kennenlern-Call.

> ⚠️ **Annahme markiert:** Alles zu „Rechtskonform gründen" (Preis, 80 %-KI-Anteil, DATEV-Übergabe) stammt
> aus dem Briefing, nicht aus verifizierbaren Quellen. Vor Kunden-Handoff gegenprüfen.

---

## 1 · Farben (Brand-Palette)

**Hart belegt.** Blau/Slate stammen aus Pixel-Sampling der Logo-PNGs (79,6 % bzw. 20,2 % der Logofläche),
die übrigen Werte aus den Elementor-Global-Colors der Live-Seite.

| Token | Hex | Name | Rolle | Beleg |
|-------|-----|------|-------|-------|
| `--c-primary` | `#0772BA` | **D-Tax Azur** | Signaturfarbe. Logo-Block, primäre CTAs, Icons, Akzentflächen. | Logo-PNG (79,6 % Fläche) |
| `--c-primary-deep` | `#065A93` | **Azur tief** | Text-tragende Blau-Flächen, Links auf Weiß, Hover. Erreicht 7,2:1 mit Weiß. | abgeleitet (gleicher Farbton, WCAG-gerechnet) |
| `--c-ink` | `#373F48` | **Slate** | Logo-Dunkelanteil („D-", „SOLUTIONS"). Headlines, Body auf Weiß. | Logo-PNG (20,2 % Fläche) |
| `--c-navy` | `#233045` | **UI-Navy** | Button-Hover, Sektions-Overlays, Footer-Copyright. | `--e-global-color-3123867` |
| `--c-navy-deep` | `#122035` | **Navy tief** | Dunkle Vollflächen-Sektion, Foto-Scrim. | `--e-global-color-a650d75` |
| `--c-text` | `#0F0F0F` | **Fließtext-Schwarz** | Body-Standard der Site. | `--e-global-color-text` |
| `--c-surface` | `#EAEFF9` | **Eisblau** | Getönte Sektionen, Karten, Ruhezonen. Meistgenutzter Flächenton (52 Regeln). | `--e-global-color-secondary` |
| `--c-bg` | `#FFFFFF` | **Weiß** | Haupt-Hintergrund. | `--e-global-color-3af97b7` |

**Site-CTA-Blau `#0074C0`** (`--e-global-color-primary`) ist praktisch identisch mit dem Logo-Azur.
→ **Für die Demo auf `#0772BA` vereinheitlichen**, nicht zwei Blautöne parallel führen.

### Korrekturen gegenüber dem Briefing (belegt)

1. **`#15779b` ist KEINE Markenfarbe.** Der Petrol-Ton kommt ausschließlich aus der Konfiguration des
   Real-Cookie-Banner-Plugins (`accordionArrowColor`, `bubbleBg`, `checkboxActiveBg`, `teachingsSeparatorColor`).
   Er taucht in keiner einzigen Inhalts- oder Layout-Regel auf. **Nicht in Werbemittel übernehmen.**
2. **Der Logo-Dunkelton ist `#373F48` (Slate), nicht `#233045`.** Pixel-Sampling aller drei Logo-Dateien
   liefert exakt `#373F48`. `#233045` existiert, ist aber ein reiner Website-UI-Ton (Button-Hover, Overlays).
3. **`#E5E3FA` (Lavendel) ist ein Elementor-Default-Rest**, kein Markenton — er sitzt auf der generischen
   `.elementor-widget-button`-Regel, die von den echten CTAs mit `#0074C0` überschrieben wird.
   **Nicht in Werbemittel oder LPs übernehmen.**

### Kontrast-Regeln (Design-Quality-Gate, Pflicht)

Gerechnet, nicht geschätzt:

| Paar | Ratio | Urteil |
|------|-------|--------|
| `#0F0F0F` auf `#FFFFFF` | 19,17:1 | ✅ AAA — Body-Standard |
| `#0F0F0F` auf `#EAEFF9` | 16,62:1 | ✅ AAA — Body auf Eisblau ist sicher |
| `#373F48` auf `#FFFFFF` | 10,68:1 | ✅ AAA — Slate als Headline-Farbe |
| `#FFFFFF` auf `#233045` | 13,29:1 | ✅ AAA |
| `#FFFFFF` auf `#122035` | 16,36:1 | ✅ AAA |
| `#FFFFFF` auf `#0772BA` | 5,09:1 | ⚠️ AA — nur für CTA-Labels ≥16 px/700, **nicht für Fließtext** |
| `#0772BA` auf `#FFFFFF` | 5,09:1 | ⚠️ AA — Links ok, für Fließtext `--c-primary-deep` (7,26:1) nehmen |
| `#0772BA` auf `#EAEFF9` | 4,42:1 | ❌ **Verboten für Text.** Nur Flächen/Icons. |

- **Kein gedämpftes Grau auf Fotos, Verläufen oder getönten Karten.** Text auf Bildern IMMER volle
  Deckkraft + Scrim (`--c-navy-deep`-Gradient oder Text-Shadow).
- **Blau auf Eisblau ist tabu für Text** — die häufigste Falle in dieser Palette.
- Max. **eine** Schwächung (dünn / klein / gedämpft) pro Textelement.

---

## 2 · Typografie

> ⚠️ **Wichtigste Korrektur:** Das Briefing hatte die Rollen vertauscht. Die Live-Seite setzt
> **Lora (Serif) für alle Headlines** und **Kumbh Sans (Sans) für Body + UI/Buttons** — nicht umgekehrt.
> Beleg: `--e-global-typography-primary/secondary/accent-font-family: "Lora"` (H1 36 px/700/lh 46 px,
> H2 34 px/700, Sub 21 px/700) vs. `--e-global-typography-text-font-family: "Kumbh Sans"` (17 px/500)
> und sämtliche Button-Typografien in Kumbh Sans 600–700, 14–17 px.

| Ebene | Font | Stack (Fallback) | Live-Werte |
|-------|------|------------------|------------|
| **Headline / Display** | **Lora** (Serif — seriös, kanzlei-klassisch, aber warm) | `"Lora", Georgia, "Times New Roman", serif` | H1 36 px / 700 / lh 46 px (Desktop) · 24 px (Mobile) |
| **Sub-Headline** | **Lora** | wie oben | 21 px / 700 |
| **Body / UI / Buttons** | **Kumbh Sans** (geometrische Sans — modern, digital) | `"Kumbh Sans", "Inter", -apple-system, "Segoe UI", Roboto, sans-serif` | 17 px / 500 / lh 25 px (Desktop) · 15 px (Mobile) |
| **Eyebrow / Label** | Kumbh Sans, UPPERCASE, `letter-spacing: .14em`, weight 600 | wie Body | spiegelt die gesperrten Logo-Caps „S O L U T I O N S" |

**Der Serif-Sans-Kontrast ist die eigentliche typografische Signatur der Marke:** Lora signalisiert
Kanzlei-Seriosität, Kumbh Sans den Wert „Digitalisierung". Beide Rollen sauber trennen — Lora nie für
Fließtext, Kumbh Sans nie für die Haupt-Headline.

---

## 3 · Logo — Charakteristik

**Assets:** `refs/logo-dtax-full.png` (2906×1287, transparent) · `refs/logo-dtax.png` (300×133) · `refs/favicon-512.png`

- **Konstruktion:** „**D-**" in Slate `#373F48`, links, gerahmt von zwei horizontalen Azur-Linien
  (oben/unten) → wirkt wie ein offenes Feld. Rechts ein **massiver Azur-Block `#0772BA`** mit „**TAX**"
  ausgespart in Weiß. Das X trägt einen angeschnittenen Diagonal-Cut.
- **Wortmarke unten:** „S O L U T I O N S" in Slate, stark gesperrte Sans-Caps, darunter Hairline und
  „STEUERBERATUNGSGESELLSCHAFT MBH" in kleinen gesperrten Caps.
- **Charakter:** geometrisch, blockig, kantenscharf — **keine Rundungen, kein Verlauf, keine Schatten**.
- **Nutzungsregeln:**
  - Nur auf **Weiß oder sehr hellem Eisblau** platzieren. Der Slate-Anteil bricht auf dunklen Flächen weg
    → auf Dunkel nur eine **einfarbig weiße Variante** nutzen (existiert noch nicht → bei Bedarf bauen lassen).
  - Schutzraum = Höhe des „D" auf allen Seiten. Nie beschneiden, nie verzerren, nie einfärben.
  - **Nie über Fotos legen** ohne solide weiße Plakette.

---

## 4 · Bildsprache

**Reale Ausgangslage:** Die Site hat exakt **ein** echtes Foto (`refs/ref-team-daniel-nick.jpg`) plus
eine Grafik. Das visuelle System muss also fast vollständig neu erzeugt werden — der Team-Shot ist der
einzige Anker und definiert den Look.

- **Grundton:** Business-Portrait, **nicht** Office-Lifestyle-Stock. Kühles Tageslicht, moderne
  Glas-Beton-Architektur, weiße Hemden ohne Krawatte, ruhige, selbstbewusste Gesichter — freundlich,
  aber nicht grinsend. Dokumentarisch, nicht inszeniert.
- **Farbstimmung:** kühl-neutrale Gradation, Azur als einziger Farbakzent im Bild (Schild, Bildschirm,
  Grafik-Overlay). Kein Warm-Filter, keine Sonnenuntergangs-Optik.
- **Komposition:** viel Luft, klare Horizontalen/Vertikalen (Treppen, Geländer, Fassadenraster) —
  spiegelt die Blockgeometrie des Logos.
- **Verboten:** Stapel handschriftlicher Zettel, Taschenrechner-Klischee, Sparschwein, Geldscheine,
  Daumen-hoch, Handschlag-Stock, Lupe-auf-Formular, jubelnde Menschen.
- **Menschen-Regel:** KI-generierte Personen dürfen **nie** als Daniel Henning oder Nick Palme ausgegeben
  oder ihnen ähnlich gemacht werden. Für alles, was das echte Team zeigt, ausschließlich das Referenzfoto.

---

## 5 · Tonalität (Tone of Voice)

**Drei Adjektive: sachlich · partnerschaftlich · zugewandt-modern.**

- **Ansprache:** konsequent „Sie". Mandanten heißen **Mandanten**, nicht Kunden.
- **Beispielsatz im O-Ton (echtes Site-Zitat):**
  > „Unsere Motivation ist es, die Digitalisierung voranzutreiben und Sie bei dieser zu unterstützen."
- **Weitere O-Ton-Anker:** „maßgeschneiderte Lösungen" · „Einen Fehler zu machen, kann teuer werden."
  · „Der Schlüssel für Ihren Erfolg"
- **Satzbau:** ruhig, vollständige Sätze, ein Gedanke pro Satz. Fachbegriffe (EÜR, UStVA, DATEV) dürfen
  fallen, aber jeweils mit einem Halbsatz Alltagsübersetzung.

### 🔴 Werberechts-Gate (Steuerberater — §57 StBerG / BOStB)

Werbung darf **sachlich über die berufliche Tätigkeit unterrichten** — keine reklamehafte Anpreisung.
**Jede Persona prüft ihren Output gegen diese Liste, bevor er die Pipeline verlässt:**

| ❌ Verboten | ✅ Stattdessen |
|---|---|
| „Sparen Sie 5.000 € Steuern" / jede bezifferte Ersparnis | „Wir prüfen, welche steuerlichen Spielräume Ihnen offenstehen." |
| „Beste/führende Kanzlei Dresdens", Superlative, Rankings | „Ihre moderne Steuerberatungskanzlei in Dresden" |
| Erfolgsgarantien, „garantiert", „100 % sicher" | „Wir arbeiten mit der Sorgfalt, die das Steuerrecht verlangt." |
| Countdown, „nur noch 3 Plätze", künstliche Verknappung | „Kostenloser 15-Minuten-Kennenlern-Call — unverbindlich." |
| Angstmache über Finanzamt/Strafen | sachliche Risiko-Nennung: „Einen Fehler zu machen, kann teuer werden." |
| Namentliche Mandanten-Referenzen ohne Freigabe | anonymisierte Fallbeschreibung oder ganz weglassen |

---

## 6 · Layout-Sprache (für Frontend-Builder)

- **Header hell/weiß.** Zwingend: Der Slate-Anteil des Logos (`#373F48`) verschwindet auf dunklem Grund.
  Ein dunkler Header erzwingt eine Logo-Sonderfassung, die es nicht gibt.
- **Radien (Live-Werte):** Pill `35px` für Icon-Badges und primäre CTAs · `10px` für Karten · `8px` klein.
  Blockig bleiben — keine 20px+-Radien auf großen Flächen, das widerspricht der Logo-Geometrie.
- **Button-Padding Live:** `11px 20px`, Kumbh Sans 700, 16 px.
- **CTA-Farbe:** `--c-primary` `#0772BA`, Hover `--c-navy` `#233045` (Live-Verhalten übernehmen).
- **Sektions-Rhythmus:** Weiß → Eisblau `#EAEFF9` → Weiß → Navy-tief `#122035` (eine dunkle Ankersektion
  pro Seite, nicht mehr).
- **CTA-Wording:** Die Site sagt „Kontaktieren Sie uns" — konversionsschwach und unspezifisch.
  **Für alle Demo-Deliverables: „15-Minuten-Gespräch sichern"** (sekundär: „Kostenlos kennenlernen").
  Bleibt werberechtlich sauber, weil es nur den bestehenden kostenlosen Call benennt.

---

## 7 · Drei Stil-Anker für Werbemittel

**Konsistenz-Anker-Phrase — wörtlich an JEDEN Bildprompt anhängen:**

> `D-Tax visual system: contemporary German tax advisory, cool neutral daylight grade, azure #0772BA as the
> single colour accent, slate #373F48 neutrals, crisp white shirts without ties, glass-and-concrete
> architecture with strong horizontal and vertical lines, calm and competent expressions, generous negative
> space, 35mm documentary realism, shallow depth of field, no stock-photo smiles, no clutter, no text in image.`

### Stil A — Lifestyle-Hero (Gründungs-/Beratungssituation)

- **Einsatz:** LP-Hero, Meta-Feed-Hauptmotiv, „Rechtskonform gründen"-Kampagne
- **Setting:** helles modernes Büro oder Co-Working mit Glasfront; im Hintergrund unscharfe
  Beton-/Glasarchitektur wie im Team-Referenzfoto
- **Lighting:** weiches, kühles Fensterlicht von links, sanftes Aufhellen rechts, keine harten Schatten
- **Composition:** Person am aufgeklappten Laptop, 3/4-Ansicht, leicht aus der Mitte gerückt —
  ein Drittel des Bildes bleibt ruhige Fläche für Headline-Overlay
- **Prompt-Skeleton:**
  > `Young German founder in their early thirties working at a laptop in a bright modern office, three-quarter
  > view, seated slightly off-centre with clean negative space on the [left|right] third for a headline overlay,
  > soft cool window light from the left, blurred glass-and-concrete architecture behind, focused and calm
  > expression. ` + Anker-Phrase

### Stil B — Studio-Clean (Dokumente / Zahlen / DATEV-Ästhetik)

- **Einsatz:** Carousel-Slides, Leistungs-Kacheln, Retargeting, Präsentations-Backgrounds
- **Setting:** neutraler Studio-Tisch, Weiß oder Eisblau `#EAEFF9`, top-down oder flacher 20°-Winkel
- **Lighting:** gleichmäßiges, weiches Studiolicht, minimale weiche Schatten, kein Glanz
- **Composition:** wenige, präzise arrangierte Objekte (aufgeräumte Belegmappe, Tablet mit
  abstraktem Zahlen-UI, Stift) auf strengem Raster — Logo-Geometrie in Objektanordnung spiegeln
- **Prompt-Skeleton:**
  > `Minimal top-down studio still life on a pale ice-blue #EAEFF9 surface, a neatly closed document folder,
  > a tablet showing an abstract blue data dashboard, one pen, arranged on a strict grid with wide margins,
  > even soft studio lighting, subtle soft shadows, no glare, no readable text or numbers. ` + Anker-Phrase
- ⚠️ **Nie echte oder echt wirkende Formulare, Bescheide, Zahlen oder DATEV-Screens abbilden** —
  KI-Text im Bild ist zudem immer fehlerhaft. Abstrakte UI-Balken/-Kurven statt lesbarer Werte.

### Stil C — Emotions-Szene (Gründungs-Moment / Erleichterung)

- **Einsatz:** Awareness-Ads, Story-Formate, Above-the-fold-Emotion
- **Setting:** Übergabemoment oder ruhiger Moment nach getaner Arbeit — Schlüsselübergabe im leeren
  neuen Ladenlokal, Zuklappen des Laptops am Fenster, Blick in die Werkstatt
- **Lighting:** natürliches Tageslicht, eine warme Lichtkante zur Abgrenzung, Gesamtgradation kühl
- **Composition:** halbnah, Person leicht angeschnitten, Blick aus dem Bild heraus, viel Raum über dem Kopf
- **Prompt-Skeleton:**
  > `A young shop owner standing in their newly opened empty retail space, laptop just closed under one arm,
  > looking out of the frame with a quiet relieved smile, natural daylight through a large shopfront window,
  > one warm rim light separating them from the cool background, medium shot, generous headroom. ` + Anker-Phrase
- ⚠️ **Keine Jubel-, Konfetti- oder Feier-Motive** — Erleichterung, nicht Triumph. Triumph liest sich
  als Erfolgsversprechen und kippt ins Werberechts-Risiko.

---

## 8 · Cross-Persona-Hinweise

### Content-Forge

**Pain-Points Gründer:innen (Zielgruppe „Rechtskonform gründen"):**
Reihenfolge-Unsicherheit (Was zuerst — Gewerbeanmeldung, Finanzamt-Fragebogen, Rechtsform?) ·
Angst vor teuren Anfangsfehlern (falsche Rechtsform, Kleinunternehmerregelung verpasst, UStVA-Frist gerissen) ·
Steuerberater nehmen Kleingründungen oft gar nicht an oder erst ab Jahresabschluss ·
Kosten unkalkulierbar, Angst vor der offenen Stundenrechnung ·
niemand erklärt, *warum* etwas nötig ist · Belege liegen im Schuhkarton.

**Pain-Points Kanzlei-Wechsler (Bestandsgeschäft):**
Kein Rückruf, Antwort dauert Wochen · alles läuft noch per Papier und Post · Berater erklärt nichts, sondern
schickt nur Bescheide weiter · Ansprechpartner wechselt ständig · Fristen werden knapp gerissen ·
keine unterjährigen Auswertungen, man erfährt das Ergebnis erst im Folgejahr.

**Regeln:** Werberechts-Gate aus §5 gegenprüfen. Claim und Werte-Vokabular (Individualität, Vertrauen,
Fachkompetenz, Digitalisierung) sind gesetzt — nicht umformulieren. CTA immer „15-Minuten-Gespräch sichern".

### Visual-Studio

- **Asset-Referenzen (verbindlich):**
  - Logo transparent: `refs/logo-dtax-full.png` (2906×1287) · klein: `refs/logo-dtax.png` · Favicon: `refs/favicon-512.png`
  - Team Daniel Henning & Nick Palme: `refs/ref-team-daniel-nick.jpg` (1941×2048)
  - Standort-Karte: `refs/ref-map-klopstockstrasse.png` · Telefon-Icon: `refs/ref-phone.png`
- **Anker-Phrase aus §7 wörtlich an jeden Prompt anhängen** — sie ist der Konsistenzmechanismus über alle Sets.
- **Kein Text im Bild generieren lassen.** Alle Headlines/Claims werden im Layout gesetzt, nicht gerendert.
- Team-Referenzfoto ist der Look-Anker für Gradation und Architektur-Hintergrund — als Stil-Referenz
  einspeisen, aber **nie** Gesichter neu generieren.
- Der Petrol-Ton `#15779b` und das Lavendel `#E5E3FA` gehören **nicht** in die Bildwelt (siehe §1).

### Frontend-Builder

- **Header hell/weiß** — nicht verhandelbar (Logo-Slate bricht auf dunklem Grund weg, §3).
- **Typo-Rollen nicht vertauschen:** Lora = Headlines, Kumbh Sans = Body/UI. Beide via Google Fonts.
- **CTA:** `#0772BA`, Hover `#233045`, Kumbh Sans 700/16 px, Padding `11px 20px`, Pill-Radius.
- **CTA-Wording ersetzen:** „Kontaktieren Sie uns" → „**15-Minuten-Gespräch sichern**".
- **Kontrast-Fallen:** kein Blau-auf-Eisblau für Text (4,28:1), kein weißer Fließtext auf `#0772BA` (5,09:1 —
  nur CTA-Labels). Body immer `#0F0F0F` auf Weiß/Eisblau.
- **Ad-Blocker-Regel:** keine Datei-, `id`- oder Klassennamen mit `ad`/`ads`/`banner`/`sponsor`/`popup`.
  Werbemittel heißen `creative-*` / `spot-*`, Sektion `id="creatives"`.
- Bestands-Site läuft auf WordPress/Elementor + Header-Footer-Elementor — Demo-LPs bauen wir eigenständig,
  aber Farb-/Typo-Tokens bleiben identisch, damit der Kunde die Verwandtschaft sofort sieht.

---

## 9 · Quellenlage

| Fakt | Quelle | Status |
|------|--------|--------|
| Farben Logo `#0772BA` / `#373F48` | Pixel-Sampling aller 3 Logo-PNGs | ✅ verifiziert |
| Farben Site (`#0F0F0F`, `#EAEFF9`, `#233045`, `#122035`, `#0074C0`) | Elementor-Global-Colors im Live-HTML | ✅ verifiziert |
| Lora = Headline, Kumbh Sans = Body/UI | `--e-global-typography-*` im Live-HTML | ✅ verifiziert — korrigiert das Briefing |
| `#15779b` = Cookie-Banner, keine Markenfarbe | Real-Cookie-Banner-Konfigblock | ✅ verifiziert |
| Kontrastwerte | WCAG-2.1-Formel, gerechnet | ✅ verifiziert |
| Claim, Werte, Leistungen, Öffnungszeiten, Adresse | Live-Seitentext | ✅ verifiziert |
| „Rechtskonform gründen" (Preis, KI-Anteil, DATEV) | Briefing KOE-108 | ⚠️ unbestätigte Annahme |
| Pain-Points der Zielgruppen | Branchenerfahrung, nicht kundenseitig belegt | ⚠️ Hypothese für die Demo |