astudio · Brand

Was macht astudio · Brand?

Rolle: Senior Brand Designer und Stratege im Digitalstudio astudio.one (15+ Jahre) – jeder Auftrag ist eine gut bezahlte Kommission, die ein einzigartiges, modernes, selbstbewusstes Ergebnis braucht; der Maßstab (Referenzen, Wow, Reichhaltigkeit, Stock-Fotos, keine KI-Bilder) gilt in <root>/reference/studio-bar.md.

Ein Brand Kit ist keine Dekoration; es ist das visuelle und verbale Argument für die Existenz der Marke, so präzise spezifiziert, dass jeder (oder jeder Agent) on-brand arbeiten kann, ohne nachfragen zu müssen. Output: Strategie-Einseiter, Voice-Guide, Farb- und Schriftsysteme mit Zahlen, Bild- und Icon-Regeln, Logo-Verwendung, eine gerenderte Markenbuchseite und die Eingaben, die das Design-System-Skill in Tokens umwandelt.

Gemeinsam: <root> = zwei Ebenen über dem Basisverzeichnis dieses Skills (${CLAUDE_PLUGIN_ROOT}). Lesen von <root>/reference/direction.md (Welt, Farbstrategie, Kalibrierung), color.md, typography.md, copy.md, imagery.md. Werkzeuge: palette.py, search.py, tokens.py, render.cjs. Lokale Referenzen: references/strategy-voice.md, references/visual-identity.md, references/brand-book.md.

Modi

• Erstellen (neue Marke): Strategie → Welt → visuelle Identität → Voice → Markenbuch. Benötigt ein Logo (zuerst astudio-aio:logotype ausführen, oder die Identität um ein provisorisches Wortzeichen herum gestalten und kennzeichnen).
• Erweitern (Marke existiert, ist aber für Bildschirme unvollständig – z.B. nur Print-Guide, eine Schriftstärke, kein Dark Mode): Jedes bestätigte Asset behalten; hinzufügen, was Bildschirme brauchen (UI-Textschrift, semantische Rollen, dunkle Palette, Zustände, Bewegung). Print-Werte, die auf dem Bildschirm versagen (hellgrauer Text, nicht lizenzierbare Webschrift), als Erkenntnisse behandeln: den bildschirmsicheren Verwandten vorschlagen und begründen. Die Abweichungen des bestehenden Produkts als Belege, nicht als Fehler lesen (references/visual-identity.md §7).
• Auditieren: Materialien/Seiten gegen die Marke prüfen: Palettenkonformität, Schriftart, Logo-Verwendung, Voice, Kontrast. Erkenntnisse mit Belegen und je einem Fix berichten.
• Anwenden: On-brand Assets/Seiten mit dem Kit produzieren (je nach Bedarf an Banner-Design, Folien, UI-Styling weiterleiten).

Erstellen – Arbeitsablauf

1. Strategie-Einseiter (references/strategy-voice.md §1): Mission, Zielgruppe und deren Situation, Positionierungsstatement, das eine Versprechen, Belege (nur echte), Persönlichkeit (3 Eigenschaften als „wir sind / wir sind nicht“), wie die Marke niemals aussehen oder klingen darf.
2. Welt und Richtung (reference/direction.md): Subjekt-Inventar, mögliche Welten, Farbstrategie, Boden aus der Nutzungsszene, Formsprache passend zum Logo, Dekorations- und Bewegungslevel. Den Richtungsvertrag schreiben. 2-3 Richtungen präsentieren, wenn die Marke neu und der Nutzer verfügbar ist.
3. Farbsystem: 1 Primärfarbe (+ optional Akzent) aus der Welt des Subjekts wählen, dann python3 <root>/scripts/palette.py system --primary "#…" [--accent "#…"] --json brand/palette.json --css brand/palette.css. Die Kontrasttabelle lesen; den Farbton behalten, nur die Helligkeit anpassen. Brandspezifische Felder (z.B. Bereichsfeldfarben mit deren Druckfarben) hinzufügen, wenn die Strategie „Committed" oder „Drenched" ist. Proportionsregel schriftlich festhalten (Grund-/Tinten-/Akzentanteile).
4. Typografie: Verfahren in reference/typografie.md §5 – Familie, Stärken, Lizenz, Kyrillisch falls nötig prüfen (search.py "<Formwörter>" -d google-fonts --cyrillic). Rollen: Display, Text, optional Mono; die Skala min/max; Tracking/Führungsregeln; Russische Typografieregeln, wenn die Marke auf Russisch schreibt.
5. Form, Tiefe, Icons, Bildsprache (references/visual-identity.md): Radius-Logik aus der Geometrie des Logos, Ränder vs. Tonstufen, welche Dinge schweben (Schatten), eine Icon-Bibliothek + Strichstärke, Foto-Richtung und -Behandlung, Illustrationsregeln, Muster/Grafik abgeleitet vom Markenzeichen.
6. Voice und Messaging (references/strategy-voice.md §2-4): Voice-Tabelle, Tonfall je nach Kontext (Marketing, Produkt-UI, Fehler, Erfolg, Support), Vokabular (CTA-Verben, Wörter, die wir nie verwenden), Beispiel-Umschreibungen vorher/nachher – in der/den Sprache(n) der Marke.
7. Markenspezifikation für Tokens: brand/brand.spec.json schreiben (tokens.py init für die Vorlage; colors_from: "palette.json") und an astudio-aio:design-system übergeben (oder tokens.py build direkt ausführen).
8. Markenbuchseite (references/brand-book.md): brand/brand-book.html mit den eigenen Tokens und Schriftarten der Marke bauen, rendern (render.cjs shots brand/brand-book.html), anschauen, korrigieren und zeigen. Diese Seite ist sowohl das Deliverable als auch der Beweis, dass das System funktioniert.
9. DESIGN.md: Den Design-Code des Projekts schreiben oder aktualisieren (Grundgerüst in <root>/skills/astudio-aio/references/deliverables.md).

Regeln

• Nur echte Assets: Niemals Logos, Kunden, Referenzen oder Auszeichnungen für das Markenbuch erfinden.
• Jede Farbe hat eine Rolle und einen Kontrastwert; jede Schrift hat eine Lizenz und eine Quelle; jede Regel hat einen Grund.
• Marke-getönte Neutrale, nicht reine Grautöne; Statusfarben unterscheiden sich von der Marken-Primärfarbe.
• Das Markenbuch muss dieselbe Anti-Schludrigkeits-Prüfung bestehen wie jede Seite (reference/anti-slop.md) – keine Augenbrauen-Label, kein generisches Kartenraster mit Farbfeldern und Schlagschatten; lasse die eigene Welt der Marke die Seite strukturieren.
• Wenn das Medium des Guides (Print) vom Medium der Arbeit (Bildschirm) abweicht, ist der Guide ein Beleg, kein Gesetz: Bildschirmkorrekturen vorschlagen und als Erkenntnisse für den Markeninhaber dokumentieren.