Brand Board Standard
Dieser Skill stellt sicher, dass jedes Brand Board das gleiche Abschnittsgerüst verwendet, sodass verschiedene Marken (unterschiedliche Charaktere, Farben, Tonalität) auf die gleiche Weise verglichen, überprüft und übergeben werden können.
Dieser Standard wurde aus der Analyse von 4 Referenz-Boards (Pawang.dev, DukunKode, Gus Kode, Ning Kode) abgeleitet. Jedes Board ist in einem anderen Bereich stark, daher kombiniert dieser Standard das Beste aus jedem. Die vollständigen Spezifikationen jedes Abschnitts finden Sie in references/section-spec.md.
Warum dieser Standard existiert
Ohne ein festes Gerüst übersehen neue Boards tendenziell Abschnitte, die zu diesem Zeitpunkt nicht bedacht werden (dunkle Logoversion, Code-Schriftart, Microcopy für Fehlerzustände). Die Folge ist, dass die Marke von anderen Teams nicht konsistent verwendet werden kann. Ein festes Gerüst erzwingt, dass jedem Board die gleichen Fragen gestellt werden.
Wählen Sie den Umfang: gestaffelt oder vollständig
Es gibt zwei Umfänge. Standardmäßig ist er gestaffelt. Verwenden Sie den vollständigen Umfang nur, wenn der Benutzer dies explizit angibt (z. B. "voller Modus", "alle Abschnitte", "full", "fülle alles aus"). Wenn der Benutzer nichts angibt, verwenden Sie den gestaffelten Modus und fragen Sie nicht nach.
| Gestaffelt (Standard) | Vollständig | |
|---|---|---|
| Tier 1 (7 Abschnitte) | Verpflichtend | Verpflichtend |
| Tier 2 (7 Abschnitte) | Nur, wenn die Marke diese Elemente hat | Verpflichtend, verwenden Sie die Minimalversion, wenn die Marke sie nicht hat |
| Tier 3 (2 Abschnitte) | Nur, wenn relevant | Verpflichtend, verwenden Sie die Minimalversion, wenn nicht relevant |
| Ausgelassene Abschnitte | Werden mit Begründung notiert | Keine |
| Geeignet für | Marken mit bereits klarer Identität, prägnantes Board | Einheitliche Vorlage für alle Marken, umfassende Dokumentation |
Im vollständigen Umfang hat jeder Abschnitt eine "Minimalversion" (siehe references/section-spec.md), damit er sich nicht erzwungen anfühlt: Der Inhalt wird aus Logo, Slogan und Geschäftsfeld abgeleitet, nicht aus erfundenen, unpassenden Elementen. Abschnitte, deren gesamter Inhalt abgeleitet ist, werden einmalig mit [ASSUMPTION] in der Abschnittsüberschrift gekennzeichnet, nicht zeilenweise (siehe Kennzeichnungsregeln unten).
Drei Arbeitsmodi
Bestimmen Sie den Modus aus der Anfrage des Benutzers und folgen Sie dann dem Ablauf. Der Umfang (gestaffelt/vollständig) gilt für alle drei.
Modus A: Neues Brand Board erstellen
- Sammeln Sie ein minimales Briefing. Überprüfen Sie zunächst, was bereits im Gespräch vorhanden ist, und fragen Sie nicht erneut nach. Erforderlich:
- Markenname und Slogan (oder 3 Wertepfeiler)
- Geschäftsfeld und Zielgruppe
- Charakter/Tonalität (z. B. warm, geheimnisvoll, formell) und ggf. kulturelles Konzept oder Maskottchen
- Farbpräferenzen (optional, kann vorgeschlagen werden) Wenn das Briefing unvollständig ist, fragen Sie maximal 3 Dinge auf einmal, den Rest füllen Sie mit explizit gekennzeichneten Annahmen.
- Bestimmen Sie den Umfang (Standard: gestaffelt) und wählen Sie bei gestaffeltem Umfang die relevanten Tier-2/3-Abschnitte.
- Generieren Sie die Brand Spec mithilfe von
assets/brand-spec-template.md. Dies ist ein Markdown-Dokument, das jeden Abschnitt ausfüllt und die einzige Quelle der Wahrheit darstellt. - Generieren Sie einen Bild-Prompt (ein Prompt pro Board), der aus der Brand Spec abgeleitet ist und dem "Canvas-Layout" in
references/section-spec.mdfolgt. Claude zeichnet das Board nicht selbst, daher wird dieser Prompt im vom Benutzer gewählten Bildgenerierungstool verwendet. - Führen Sie die QA-Checkliste aus, bevor Sie die Ergebnisse übergeben.
Modus B: Vorhandenes Board prüfen
- Ordnen Sie den Inhalt des Boards der standardmäßigen Abschnittsliste (16 Abschnitte) zu. Ohne spezielle Anforderung bewerten Sie gegen den gestaffelten Umfang; wenn der Benutzer den vollständigen Umfang wünscht, werden alle 16 Abschnitte als verpflichtend betrachtet.
- Geben Sie eine Tabelle aus: Abschnitt, Status (✅ vollständig / ⚠️ teilweise / ❌ nicht vorhanden) und spezifische Notizen zu Mängeln (z. B. "Typografie hat keine Code-Schriftart").
- Sortieren Sie die Ergebnisse: zuerst fehlende Tier-1-Abschnitte, dann Vollständigkeit des Inhalts, dann Tier 2 und 3.
- Bieten Sie an, eine ergänzende Brand Spec zu erstellen, die diese Lücken schließt.
Modus C: Mehrere Boards angleichen
Führen Sie Modus B für jedes Board aus, zeigen Sie eine Vergleichsmatrix und schlagen Sie dann Abschnitte vor, die zu den jeweiligen Boards hinzugefügt werden müssen.
Standardstruktur (zusammengefasst)
Diese Reihenfolge und Nummerierung bleibt erhalten. Ändern Sie sie nicht zwischen den Marken, damit der Leser immer weiß, wo er etwas findet. Ein Abschnitt = ein Thema, es werden keine Abschnitte zusammengelegt.
Tier 1: In allen Boards und beiden Umfängen verpflichtend
| # | Abschnitt | Mindestinhalt |
|---|---|---|
| 1 | Hero | Hauptlogo, Slogan, Hauptillustration/Visual, ein Begleitsatz, 3 Säulen |
| 2 | Logovarianten | Horizontal, vertikal, Symbol/App-Symbol, minimalistisch, dunkle Version, Favicon |
| 3 | Farbpalette | Mindestens 4 Farben; jede Farbe hat Name, Hex und Rolle |
| 4 | Typografie | 3 Rollen: Überschrift, Fließtext, Code/Technik; jede Schriftart hat eine Verwendungsbeschriftung und ein Beispiel |
| 5 | Sprachstil | Beschreibung des Tons, Beispielzitate, Microcopy pro UI-Kontext, Prinzipien-Checkliste |
| 6 | Anwendungsbeispiele | Mindestens 3 reale Kontexte |
| 7 | Footer | Kleines Logo, einzeilige Beschreibung, 3 Säulen oder Slogan |
Tier 2: Bedingt im gestaffelten Modus, verpflichtend im vollständigen Modus
| # | Abschnitt | Bedingung im gestaffelten Umfang |
|---|---|---|
| 8 | Philosophie | Marke wird über eine Geschichte oder Positionierung verkauft |
| 9 | Markenwerte | Marke hat Werte, die an die Zielgruppe kommuniziert werden |
| 10 | Maskottchen | Marke hat einen Charakter |
| 11 | Symbolset | Marke verwendet ein eigenes Symbolset |
| 12 | Visuelle Elemente | Marke verwendet Ornamente oder kulturelle Motive |
| 13 | Hintergrundmuster | Marke verwendet Hintergrundmuster |
| 14 | Zusätzliche Assets | Es gibt unterstützende Eigenschaften |
Tier 3: Geschäftsmodule, optional im gestaffelten Modus, verpflichtend im vollständigen Modus
| # | Abschnitt | Bedingung im gestaffelten Umfang |
|---|---|---|
| 15 | Dienstleistungen | Marke verkauft benannte Dienstleistungen/Produkte |
| 16 | Pakete | Dienstleistungen haben Pakete |
Regeln zum Schreiben der Brand Spec
- Verwenden Sie Markdown. Wenn Sie Abläufe oder Hierarchien darstellen müssen, verwenden Sie Mermaid-Diagramme. Schlagen Sie keine CSV-Dateien als Datenquelle vor, da Markdown als einzige Quelle der Wahrheit ausreicht.
- Schreiben Sie in der vom Benutzer verwendeten Sprache (Standard: Deutsch). Technische Begriffe bleiben in ihrer ursprünglichen Form (hex, favicon, microcopy).
- Behalten Sie die Abschnittsnamen aus den Referenz-Boards bei: "Farbpalette", "Typografie", "Sprachstil", "Anwendungsbeispiele", "Logovarianten".
- Jeder Farbwert wird als
#RRGGBBgeschrieben. Jede Schriftart wird mit ihrem genauen Namen und ihrer Rolle geschrieben. - Geben Sie sichere Text-Hintergrund-Farbkombinationen für den Fließtext (Zielkontrastverhältnis mindestens 4,5:1) in der Rollenspalte der Palette an.
- Erfinden Sie keine Geschäftsfakten (Preise, Dienstleistungsnamen, Behauptungen), die der Benutzer nicht angegeben hat. Wenn Sie gezwungen sind, etwas auszufüllen, kennzeichnen Sie es mit
[ASSUMPTION], damit es leicht gefunden und bestätigt werden kann. - Kennzeichnungsregel
[ASSUMPTION]: Kennzeichnen Sie auf Abschnittsebene, wenn der gesamte Inhalt dieses Abschnitts abgeleitet oder eine Minimalversion ist, indem Sie es in die Überschrift setzen (z. B.### 10. Maskottchen [ASSUMPTION]). Kennzeichnen Sie auf Zeilen- oder Satzebene nur für eine einzelne spezifische Tatsache innerhalb eines Abschnitts, dessen restlicher Inhalt vom Benutzer oder aus dem Briefing stammt (z. B. das Versprechen "innerhalb eines Arbeitstages" in einer Bestätigungs-E-Mail oder ein einzelner, noch nicht genehmigter Dienstleistungsname). Kennzeichnen Sie nicht jede Zeile einer Tabelle in einem Abschnitt, der bereits in seiner Überschrift gekennzeichnet ist. Die abschließende Zusammenfassung sollte lediglich die Liste der gekennzeichneten Abschnitte und die spezifischen gekennzeichneten Fakten nennen. - Wenn die Marke kulturelle oder religiöse Elemente verwendet (Batik, Kawung, Abzeichen, religiöse Begriffe), stellen Sie sicher, dass die Verwendung respektvoll und nicht herablassend ist. Fragen Sie im Zweifelsfall nach, gehen Sie nicht von Annahmen aus.
Format des Bild-Prompts
Der Bild-Prompt muss eigenständig (direkt einfügbar) sein und in dieser Reihenfolge enthalten: Canvas-Format, Illustrationsstil, Liste der Abschnitte mit Inhalten, Palette mit Hex-Werten und Verbote (z. B. "keine zufälligen Texte", "Text muss lesbar sein").
Zwei unterschiedliche Reihenfolgen, nicht mischen:
- Die Brand Spec folgt der Nummerierung der Abschnitte (1, 2, 3, ... 16).
- Der Bild-Prompt folgt der Reihenfolge des Canvas-Layouts, d. h. zeilenweise von oben nach unten: 1, 2, 10, 14, 11, 12, 3, 4, 5, 6, 13, 8, 9, 15, 16, und dann 7 (Footer) als letztes. Im gestaffelten Umfang überspringen Sie nicht verwendete Nummern, ohne die Reihenfolge der übrigen zu ändern.
- Geben Sie jedem Abschnitt im Prompt eine standardmäßige Nummer als Präfix (z. B.
[10] Maskottchen: ...), damit klar ist, welcher Abschnitt gemeint ist, auch wenn die Reihenfolge von der Nummer abweicht. Schreiben Sie alle Texte, die im Bild erscheinen sollen, exakt aus, da Bildmodelle dazu neigen, freigelassene Texte falsch zu buchstabieren.
Empfehlen Sie dem Benutzer, das resultierende Bild als visuellen Entwurf zu betrachten und die Brand Spec im Markdown-Format als Quelle der Wahrheit für Hex-Werte, Schriftnamen und Text zu verwenden.
QA-Checkliste vor Übergabe der Ergebnisse
- Der verwendete Umfang (gestaffelt/vollständig) wird am Anfang der Brand Spec genannt
- Alle 7 Abschnitte von Tier 1 sind vorhanden und erfüllen den Mindestinhalt
- Jede Farbe hat Name, Hex und Rolle
- Die Typografie hat eine Code-Schriftart und eine Verwendungsbeschriftung für jede Schriftart
- Es gibt eine dunkle Logoversion und ein Favicon
- Der Sprachstil enthält Microcopy für mindestens: Hero, CTA, Laden, Erfolg, Fehler 404, Bestätigungs-E-Mail
- Reihenfolge und Nummerierung der Abschnitte entsprechen dem Standard
- Vollständiger Umfang: Alle 16 Abschnitte sind gefüllt, keiner ist leer
- Gestaffelter Umfang: Ausgelassene Abschnitte werden mit Begründung notiert
- Annahmen sind gemäß den Regeln gekennzeichnet: pro Abschnitt in der Überschrift, wenn der gesamte Inhalt abgeleitet ist, pro Zeile nur für einzelne Fakten; keine doppelten Kennzeichnungen innerhalb eines bereits gekennzeichneten Abschnitts
- Die abschließende Zusammenfassung nennt die Liste der Abschnitte und Fakten, die mit
[ASSUMPTION]gekennzeichnet sind
Format der Antwort an den Benutzer
Beginnen Sie mit dem Ergebnis (Brand Spec oder Prüftabelle) und schließen Sie mit einer kurzen Liste von Annahmen und zu bestätigenden Punkten ab. Wiederholen Sie den Inhalt der Spezifikation nicht im Chat, wenn er bereits in einer Datei vorhanden ist.