Style Guide.
Farben, Schriften, Logos und Vorlagen je Kunde festhalten – auf Wunsch vorgeschlagen aus der Website des Kunden.
Aus Webseite
Aus Webseite vorschlagen · beispiel-ag.de
Gefunden und zugeordnet. Wähle aus, was Du übernimmst:
Kontrast
Farben · Kontrast-Raster
| Text auf Fläche | Kontrast | Lesbar |
|---|---|---|
| Text auf Fläche | 14,7 : 1 | ja |
| Weiß auf Primär | 5,5 : 1 | ja |
| Akzent auf Fläche | 2,1 : 1 | nur groß |
- Bereich
- Marke
- Für
- Agenturen und Marketing-Teams, die mehrere Marken betreuen
- Status
- Beta – läuft, wird noch ausgebaut
Was die App kann
Der Style Guide hält für jeden Kunden fest, wie seine Marke aussieht – Farben, Typografie, Video, Inhalte und Assets.
Das Markenhandbuch führt in fünf Schritten von „Marke verstehen“ bis „Veröffentlichen“.
Neu angelegt ist ein Style Guide schnell. Aus Webseite vorschlagen liest die Startseite des Kunden einmal und ordnet die gefundenen Werte den Rollen im Style Guide zu. Du wählst aus, was übernommen wird, und kannst jede Übernahme rückgängig machen. Vibecoding baut danach im Stil dieses Kunden.
- Farben, Typografie, Video, Inhalte und Assets je Kunde
- Markenhandbuch in fünf Schritten
- Vorschlag aus der Website des Kunden, Übernahme nur nach Auswahl
- Kontrast-Raster für Farbkombinationen und Schriftskala
- Vorlagen für Website, Anzeigen, Social und E-Mail
- Markenhandbuch als eigene Seite veröffentlichen
Die Simulation oben zeigt zwei Ansichten: Aus Webseite und Kontrast. Du kannst oben zwischen ihnen umschalten.
So setzt Du die App ein.
Neukunde ohne Markenhandbuch
Die Beispiel AG hat eine Website, aber kein Handbuch. Du lässt Titus die Startseite lesen, übernimmst Primärfarbe, Schrift und Logo und ergänzt den Rest von Hand.
Lesbarkeit prüfen
Das Kontrast-Raster zeigt auf einen Blick, welche Textfarbe auf welcher Fläche lesbar ist.
Einheitlich bauen
Vibecoding liest den Style Guide mit. Neue Seiten für den Kunden kommen deshalb gleich in seinen Farben und Schriften.
Datenbasis
Worauf die App aufbaut.
Style Guides, Website-Vorschläge und Übernahmen liegen in Deiner Titus-Datenbank, dazu eine Kopie im Branding-Ordner des Kunden.
Liest und schreibt
- Farben
- Schriften und Assets je Kunde
- Vorschläge aus der Website
- Protokoll der Übernahmen
So wird es besser
- Hinterlege beim Kunden die Website-Adresse, dann ist der Vorschlag ein Klick.
- Lade Logos in heller und dunkler Fassung hoch.
Voraussetzungen
- Für den Vorschlag aus der Website ein verbundener KI-Anbieter
- Recht „Projekte lesen“ bzw. „Projekte schreiben“
- Optional: Abgleich mit Ethos
Zugang
Titus kennenlernen.
Titus Vision gibt es im Moment auf Anfrage. Schreib uns kurz, wofür Du es einsetzen möchtest.