Marken-Design

Das Marken-Design ist die zentrale Sammlung deiner visuellen und tonalen Markenmerkmale in Christiani.AI – Logo, Farben, Schriftarten, Bildstil und Tonalität. Einmal gepflegt, fließen diese Attribute automatisch in alle KI-Generierungen ein: in Bilder, Social-Media-Posts und Texte. So bleibt deine Marke überall konsistent, ohne dass du Farben oder Logos pro Beitrag neu eingeben musst.

Du findest das Marken-Design in den Einstellungen im Reiter „Marken-Design".

Warum du Marken-Designs nutzen solltest:

  • Konsistenz über alle Kanäle – deine Marke sieht überall gleich aus, von Instagram bis Newsletter

  • Zeitersparnis – keine wiederholten Eingaben von Farben, Logos oder Tonalität pro Inhalt

  • Bessere KI-Steuerung – Bild- und Text-KI arbeiten gezielt in deinem Markenlook

Schnellstart: Dein erstes Marken-Design in 30 Sekunden

Der schnellste Weg: Christiani.AI liest dein Marken-Design automatisch aus deiner Website aus.

  1. Öffne die Marken-Design-Einstellungen.

  2. Klicke oben rechts auf „+ Neues Marken-Design".

  3. Gib einen Namen ein (Voreinstellung: „Haupt-Marke" – frei änderbar, z. B. „Sommerkampagne 2026").

  4. Trage die Website-URL deines Unternehmens ein (z. B. https://meinefirma.de).

  5. Klicke auf „Erstellen".

Während der Analyse scannt Christiani.AI deine Website automatisch und extrahiert Logo, Favicon, Farbpalette, Schriften und Stil-Merkmale. Eine integrierte KI ergänzt bei Bedarf Bildstil und Persönlichkeit. Der Vorgang dauert typischerweise 5–30 Sekunden.

💡 Tipp: Das erste angelegte Marken-Design wird automatisch zum Standard-Kit – also der Voreinstellung, die überall in der Plattform ausgewählt ist.

Alternative: Manuell anlegen

Wenn du lieber selbst alles einstellen möchtest, klicke im Dialog unten auf „Lieber manuell anlegen". Es wird ein leeres Kit erzeugt, das du anschließend Schritt für Schritt mit Logo, Farben und Schriften befüllst.

Die Marken-Design-Übersicht verstehen

Im Tab siehst du alle deine Marken-Designs als Karten in einem Raster. Jede Karte zeigt:

  • Logo groß oben (oder Platzhalter, wenn keines erkannt wurde)

  • „Standard"-Badge (gelber Stern), falls dieses Kit dein Default ist

  • Farbschwatches deiner Hauptfarben (Klick zeigt den Hex-Code)

  • Schriften-Vorschau mit Heading- und Body-Font als Live-Preview

  • Footer-Aktionen:

    • „Als Standard" – macht dieses Kit zum neuen Default (nur sichtbar, wenn nicht bereits Standard)

    • „Bearbeiten" – öffnet das vollständige Edit-Dashboard

    • 🗑 Löschen – entfernt das Kit (siehe Hinweis unten)

Status-Anzeige während und nach der Erstellung

Status

Status Was du siehst

Bedeutung

In Bearbeitung

Skeleton-Karte mit Spinner, „Wird analysiert…"

Scan der Website läuft im Hintergrund

Fertig

Vollständige Karte mit Logo, Farben, Schriften

Erfolgreich abgeschlossen

Prüfung nötig

Karte mit gelber Warnung „Dunkle Farben erkannt – bitte prüfen"

Deine Website nutzte Dark-Mode – Farben evtl. invers, manuelle Korrektur empfohlen

Fehlgeschlagen

Fehlerhinweis + „Erneut versuchen"-Button

Scan fehlgeschlagen (Seite blockiert oder Timeout)

⚠️ Bei Fehlschlag: Klicke einfach auf „Erneut versuchen" – oft hilft schon ein zweiter Anlauf. Alternativ nutze die manuelle Anlage.

Marken-Design bearbeiten – die fünf Sektionen

Klick auf „Bearbeiten" öffnet das Detail-Dashboard. Alle Änderungen werden automatisch gespeichert – kein separater Speichern-Button nötig.

1. Logo & Bilder

Drei Upload-Slots für deine Markenbilder:

  • Logo – dein Hauptlogo für hellen Hintergrund, wird in KI-Bildern und Social-Posts platziert

  • Favicon – kleines Icon (16×16 / 32×32) für Website-Tabs

  • OG-/Header-Image – Vorschaubild für Link-Sharing auf Social Media (empfohlen: 1200×630 px)

Pro Slot kannst du hochladen, ersetzen oder löschen. Unterstützte Formate: PNG, JPG, SVG, WebP.

2. Farbpalette

Sechs Hauptfarben bilden das Rückgrat deines visuellen Auftritts:

  1. Primärfarbe – deine Hauptmarkenfarbe

  2. Sekundärfarbe

  3. Akzentfarbe

  4. Hintergrund

  5. Textfarbe primär

  6. Textfarbe sekundär

Jede Farbe hat ein Color-Swatch (klickbar für den Color-Picker) und ein Hex-Eingabefeld für direkte Eingabe.

Unter dem Abschnitt „Erweiterte Farben" findest du klappbar drei semantische Farben: Erfolg, Warnung, Fehler.

3. Typografie

Zwei Schriftarten definieren deinen Textlook:

  • Überschriften-Schrift (Heading)

  • Fließtext-Schrift (Body)

Über den FontPicker lädst du beliebige Google Fonts. Eigene Schriftnamen kannst du direkt eintippen (Custom Font Support).

Darunter siehst du Badge-Chips mit allen Schriften, die auf deiner Website erkannt wurden. Ein Klick auf einen Chip übernimmt die Schrift direkt ins aktive Feld.

💡 Hinweis: System-Schriften (wie system-ui, sans-serif oder Emoji-Fonts) werden automatisch herausgefiltert, um die Auswahl sauber zu halten.

4. Stil & Persönlichkeit

Zwei Dropdowns steuern direkt den KI-Bildstil und die Texttonalität:

  • Tonalität – acht Optionen: professionell, verspielt, elegant, freundlich, seriös, inspirierend, minimalistisch, kraftvoll

  • Energie – vier Stufen: ruhig, ausgewogen, dynamisch, intensiv

Diese Einstellungen wirken sich sowohl auf generierte Texte als auch auf KI-Bilder aus.

5. Image Style Prompt (KI-Bildstil)

Hier findest du eine automatisch von der KI generierte Textbeschreibung deines visuellen Markenlooks. Diese Beschreibung wird bei jeder KI-Bildgenerierung mitgeschickt und sorgt für konsistente Bildästhetik.

Aktionen:

  • „Neu generieren" – erstellt den Prompt frisch (sinnvoll nach Farb- oder Tonalitätsänderung)

  • „Kopieren" – kopiert den Prompt in die Zwischenablage

Im Erweitert-Bereich (Toggle) findest du zwei zusätzliche Felder:

  • Stil-Tokens – englische Schlagworte für die Bild-KI, z. B. minimal, soft pastel, editorial photography

  • Negative-Prompt – Schlagworte, die die Bild-KI vermeiden soll, z. B. neon colors, busy background

Mehrere Marken-Designs verwalten

Du kannst beliebig viele Marken-Designs anlegen – z. B. eine Hauptmarke und eine Submarke, oder ein saisonales Kampagnen-Design. Eines davon ist immer das Standard-Kit und wird überall automatisch vorausgewählt.

Standard-Kit wechseln

Klicke auf einer Karte auf „Als Standard". Das bisherige Standard-Kit verliert seinen Status, und das neue Kit wird ab sofort überall in der Plattform als Default verwendet.

Marken-Design löschen

Klicke auf das 🗑 Trash-Icon der entsprechenden Karte.

⚠️ Wichtig: Mindestens ein Marken-Design muss immer bestehen bleiben. Das letzte verbleibende Kit kann nicht gelöscht werden – du erhältst dann die Meldung „Mindestens ein Marken-Design muss bestehen bleiben". Lege zuerst ein neues Kit an, bevor du das alte entfernst.

Team-Sichtbarkeit

Marken-Designs sind an das Business-Konto gebunden, nicht an einzelne Nutzer:

  • Alle Team-Mitglieder desselben Kontos sehen und bearbeiten dieselben Kits.

  • Bei mehreren Business-Konten (Account-Switcher oben links) hat jedes Konto seine eigenen Kits.

  • Kits sind durch Row-Level Security geschützt – kein Zugriff zwischen fremden Konten möglich.

So nutzt die Christiani.AI dein Marken-Design

Ein einmal gepflegtes Marken-Design wirkt sich automatisch an mehreren Stellen in Christiani.AI aus:

KI-Bildgenerator

Beim Erstellen von KI-Bildern findest du oben im Dialog einen Marken-Design-Selector:

  • Alle deine Kits stehen zur Auswahl (das Standard-Kit ist mit „(Standard)" markiert).

  • Die Option „Kein Marken-Design" erzeugt rein generische Bilder ohne Markenbezug.

Eingeflossene Daten: Farben, Tonalität, Energie, Image Style Prompt, Stil-Tokens und Negative-Prompt.

Mit dem Toggle „Logo automatisch hinzufügen" wird dein Logo per Composite auf das fertige Bild gestempelt. Position und Größe sind wählbar.

Social-Media-Post-Dialoge

In den Dialogen für Instagram, Facebook, LinkedIn und Twitter/X findest du unter dem Canva-Button den Button „Logo hinzufügen". Er öffnet den Dialog „Logo platzieren" mit:

  • Live-Vorschau auf deinem ausgewählten Bild

  • Marken-Design-Dropdown oben rechts (Standard-Kit ist vorausgewählt, du kannst aber direkt im Dialog wechseln)

  • Einstellungen für Position (Ecken), Größe, Padding und Hintergrund-Plate

Texterstellung

Für alle Tools, die Texte erzeugen – Content Planner, Newsletter Ersteller, Blog Artikel Ersteller, Social Media Posts Ersteller und weitere – fließen deine Markenattribute im Hintergrund als Brand-Richtlinien in den KI-Prompt ein: Farben, Tonalität, Energie. Platzhalter in Vorlagen (z. B. für Farbangaben) werden automatisch durch die Hex-Werte des Standard-Kits ersetzt.

Häufige Fragen und Problemlösungen

❓ Der Scan dauert ewig oder hängt fest.

Bei einem Fehlschlag erscheint automatisch ein „Erneut versuchen"-Button auf der Karte. Falls auch das nicht hilft, lege dein Marken-Design manuell an (Link „Lieber manuell anlegen" im Erstellungs-Dialog) und trage Logo und Farben selbst ein.

❓ Die erkannten Farben sind komplett falsch – z. B. alles schwarz.

Das tritt auf, wenn deine Quell-Website im Dark-Mode analysiert wurde. Du erkennst das an der gelben Warnung „Dunkle Farben erkannt – bitte prüfen". Korrigiere die Farben im Edit-Dashboard manuell: Hex direkt eintippen oder den Color-Picker nutzen.

❓ Ich kann mein Marken-Design nicht löschen.

Mindestens ein Marken-Design muss immer bestehen bleiben. Lege zuerst ein neues Kit an, mache es ggf. zum Standard, und lösche anschließend das alte.

❓ Mein Logo erscheint nicht auf KI-Bildern.

Mögliche Ursachen:

  • Der Toggle „Logo automatisch hinzufügen" ist im Bildgenerator-Dialog deaktiviert.

  • Das gewählte Marken-Design hat kein Logo hochgeladen (Slot leer).

  • Im Selector ist „Kein Marken-Design" ausgewählt.

❓ Im Schriften-Picker fehlen Optionen aus meiner Website.

System-Schriften wie system-ui, sans-serif oder Emoji-Fonts werden automatisch entfernt, damit die Auswahl sauber bleibt. Deine gewünschte Schrift kannst du jederzeit manuell im FontPicker eingeben.

❓ Ich habe das Standard-Kit gewechselt, aber alte Posts nutzen noch das alte.

Das ist beabsichtigt: Bereits generierte Inhalte bleiben unverändert. Nur neue KI-Generierungen verwenden das aktuelle Standard-Kit.

❓ Wann sollte ich ein zweites Marken-Design anlegen?

Typische Anwendungsfälle:

  • Submarken oder Tochterprodukte mit eigener visueller Identität

  • Saisonale Kampagnen (z. B. Sommerkampagne, Black Friday) mit eigenem Farbschema

  • Agenturen, die für verschiedene Kunden arbeiten – in Kombination mit getrennten Business-Konten

Glossar

Begriff

Bedeutung

Marken-Design

Sammlung aller visuellen und tonalen Markenmerkmale (intern: Brand-Kit)

Standard-Kit

Das voreingestellte Marken-Design, das überall automatisch vorausgewählt ist (Badge: gelber Stern)

Image Style Prompt

KI-generierte Textbeschreibung deines visuellen Markenlooks für die Bild-KI

Stil-Tokens

Englische Schlagworte, die die Bild-KI gezielt steuern (z. B. „editorial, soft light")

Negative-Prompt

Schlagworte, die die Bild-KI beim Generieren vermeiden soll

OG-Image

Open-Graph-Vorschaubild beim Teilen eines Links auf Social Media (1200×630 px)

Tonalität

Stimmung der Marke (professionell, verspielt …) – wirkt auf Texte und Bilder

Energie

Intensität der Markenwirkung (ruhig → intensiv)

Weiterführende Funktionen

Ein gut gepflegtes Marken-Design verstärkt die Qualität aller nachfolgenden Marketing-Aktivitäten. Ergänzend empfehlen wir:

Empfohlene nächste Schritte:

  1. Prüfe nach der automatischen Erstellung, ob Farben, Schriften und Logo korrekt erkannt wurden.

  2. Ergänze bei Bedarf den Image Style Prompt mit zusätzlichen Stil-Tokens, um die Bild-KI präziser zu steuern.

  3. Teste das Ergebnis, indem du einen KI-Bild oder Social-Media-Post generierst – und passe das Marken-Design bei Bedarf nach.

🎯 Ziel: Ein vollständiges, authentisches Marken-Design ist die visuelle Grundlage für konsistente Marketing-Inhalte. Einmal richtig eingerichtet, spart es dir bei jedem neuen Content Zeit – und stärkt deine Wiedererkennung über alle Kanäle hinweg.