Brand-Style-Guide — modularer Entwurf zum Nachbearbeiten
Erstellen Sie Ihren Corporate-Design-Entwurf im Browser. Schritte: Markenname, Branche, primärer HEX (Beispiel Northline Studio #0F6E8C), Persönlichkeits-Tags, Module — erhalten Sie Entwurf mit Schutzraum, Farben, Schrift, Abständen und Do’s/Don’ts-Beispielen, dann Markdown oder JSON kopieren. Smart-Vorschläge Feld für Feld änderbar — kein Cloud-AI. Nichts wird hochgeladen.
Tags steuern Radius, Typo-Hinweis, Voice und Primärfläche.
Ausgeschaltete Module fehlen in Vorschau und Export.
Editierbarer Entwurf, keine Rechtsberatung zu Marken. Presets (Strict / Product / Friendly) sind didaktische Muster öffentlicher Guidelines — keine offiziellen Kits und keine Verbindung zu diesen Organisationen. Erzeugung lokal; wir hosten keine Dritt-Logos.
So funktioniert’s
Marken-Basics ausfüllen, Preset und Module wählen, Erstellen. Sichtbare Persönlichkeitsregeln (Radius, Typo, Voice, Primärfläche) bauen Do’s/Don’ts und exportieren Markdown/JSON. Bearbeitete Felder bleiben manuell; Nur Vorschläge neu aktualisiert unberührte Defaults.
Erwartete Regeln
Module, Smart vs. manuell, Kontrast und Datenschutz.
- Struktur: Modul → Element → Beispiel (Do/Don’t). Geschlossene Module exportieren nicht.
- Tags → Radius, max. Primärfläche, Typo-Rollen, Voice — Regeln sichtbar, kein Black Box.
- Schutzraum default 1× Zeichenhöhe (1,5× bei Strict). Mindest-Digitalgröße je Preset.
- Statusfarben fix und vom Primär entkoppelt; Fehler erben nicht den Markenfarbton.
- „Smart“ = deterministische Regeln in diesem Tab — kein Cloud-LLM-Brand-Kit.
- Datenschutz: Erzeugung, Vorschau und Clipboard lokal. Keine Logo- oder Marken-Pack-Uploads.
Beispiel
Beispiel laden: Northline Studio, SaaS, #0F6E8C, ruhig + technisch, Product-Preset. Vorschau: Fundament, Schutzraum 1×, Teal-Primär mit abgeleitetem Sekundär/Akzent, fixe Status, Typo-Rollen, 8px-Abstand, Do/Don’t-Karten. Markdown und JSON folgen.
Passt gut, wenn
- Indie-Sites vor Designer-Einstellung ein erstes visuelles Regelblatt schreiben.
- Freelancer liefern editierbares Markdown statt nur starrem PDF.
- Kleine Teams Web, Social und App-Chrome auf gleiche Schutzraum- und Farbregeln ausrichten.
Frequently asked questions
Ist „Smart“ dasselbe wie KI-Markengenerierung?
Nein. Smart = feste sichtbare Regeln (Persönlichkeit → Radius/Typo/Voice, HEX → Sekundär/Akzent). Kein Model-API-Aufruf.
Als offizielle Markenlizenz nutzbar?
Nein. Export ist Arbeitsentwurf für Ihre Marke; keine Rechtsberatung und keine Erlaubnis für fremde Zeichen.
Unterschied zur Farbpalette?
Paletten-Tools fokussieren Swatches oder CSS-Tokens. Hier entsteht ein Multi-Modul-Dokument (Logo, Typo, Abstand, Beispiele). Für tiefere Systeme: Brand Color Scale oder Smart Website Color Scheme.
Was ändern Struktur-Presets?
Strict betont Schutzraum und Grenzen; Product lässt token-freundliche Module an; Friendly schaltet Voice und Touchpoints mit. Module manuell toggelbar.
Bleiben geschlossene Module im JSON?
Modul-Flags werden gespeichert; Vorschau und Markdown lassen geschlossene Abschnitte weg — Partner sehen nur Aktiviertes.
Wie funktionieren Word- und PDF-Export?
Word und PDF erfassen dieselbe Seitenvorschau (html2canvas) und paginieren sie in .docx-Bilder oder PDF-Seiten. Motion-Demos werden eingefroren. Alles lokal nach dem Generieren; Libs laden beim Download-Klick.
Related tools
Fragen oder Feedback
Unklar, kaputt oder etwas fehlt? Schreib unten eine Nachricht — wir lesen jede Notiz zu diesen Tools.