Ein Bild rein, Farben und Schrift raus. Feinjustieren, exportieren, fertig. So sieht Fließtext auf deiner Primärfarbe aus.
Karten nutzen Fläche „Ton“, Radius und Schatten aus deinem Stil.
Icons und Links erben automatisch die Akzentfarbe deiner Marke.
Hover bewegt sich so, wie du es unter Motion eingestellt hast.
Das hier ist Fließtext in deinem Text-Font. Gute Typografie fällt nicht auf, sie trägt. Achte auf die Zeilenlänge, den Kontrast und darauf, ob die Headline zur Stimme deiner Marke passt.
Links sehen so aus wie hier und nutzen deine Akzentfarbe. Hervorhebungen bleiben im Text-Font, nur fetter.
„Ein Zitat bekommt die Primärfarbe als Kante und etwas mehr Luft.“
Am Ende eines Artikels steht meist eine Handlung: Newsletter abonnieren
Schön, dass du da bist. So sieht eine E-Mail in deinem Brand-Kit aus: klare Flächen, dein Font, ein deutlicher Call-to-Action.
Los geht’sDu bekommst diese Mail, weil du dich angemeldet hast. Abmelden jederzeit möglich.
Zieh eine .html-Datei hierher, wähle eine Datei — oder lade eine öffentliche Webseite direkt per URL. Brand Studio erkennt die Farben der Seite, mappt sie auf deine Marken-Rollen und färbt die Seite live um.
Datei-Analyse bleibt komplett lokal. Beim URL-Abruf wird die Adresse — falls die Seite Fremdabrufe blockt — über den öffentlichen Proxy allorigins.win geladen; nutze das nur für öffentliche Seiten. Skripte werden in der Vorschau nie ausgeführt.
Brand Studio erstellt aus einem Bild oder von Hand ein komplettes Brand-Kit: eine Farbpalette mit sieben festen Rollen, ein kuratiertes Schriftpaar, Formsprache und Bewegungsverhalten. Alles siehst du sofort auf echten Demo-Templates: Landingpage, Blogartikel, Social Post, E-Mail und UI-Komponenten. Ohne Anmeldung, ohne Upload, direkt im Browser.
brand.json (wieder importierbar), als design.md für KI-Assistenten oder als tokens.css für dein Entwicklungsteam.KI-Assistenten wie Claude, ChatGPT oder Cursor erzeugen Landingpages, Präsentationen und Grafiken in Sekunden, aber ohne Kontext raten sie deine Farben und Schriften. Die exportierte design.md ist ein Klartext-Handbuch deiner Marke: Hex-Werte mit Rollen, Font-Namen mit Einsatzregeln, Formsprache und Verbote. Einmal mitgegeben, trifft jede KI-Ausgabe deinen Look. Das ist der Kern von Generative Engine Optimization für Marken: maschinenlesbare, eindeutige Markenregeln statt vager Beschreibungen.
Ein Brand-Design-System bündelt alle visuellen Entscheidungen einer Marke: Farbpalette mit festen Rollen (Primär, Sekundär, Akzent, Papier, Ton, Tief, Tinte), ein Schriftpaar für Headline und Fließtext, Eckenradien, Button-Verhalten und Motion. Alle Kanäle greifen auf dieselben Regeln zu, statt jedes Mal neu zu entscheiden.
Nein. Die komplette Analyse läuft in deinem Browser. Es gibt keinen Server, kein Konto, kein Tracking. Dein Kit gehört dir: als Datei auf deinem Rechner oder als teilbarer Link.
Die App ist vollständig per Tastatur bedienbar, nutzt ARIA-Rollen für alle Bedienelemente, respektiert „Bewegung reduzieren“ und prüft deine Palette aktiv gegen WCAG 2.1 AA und AAA. Barrierefreiheit ist hier kein Nachtrag, sondern eingebauter Teil des Workflows.
Nichts. Das Tool ist kostenlos und läuft ohne Anmeldung.