Was macht Markenidentitäts-Baukasten?
Lovable baut das, was du beschreibst – und die meisten Leute haben noch nicht entschieden, wie ihr Produkt aussieht, klingt oder wofür es steht. Also bekommen sie den gleichen generischen Farbverlauf wie alle anderen. Dieser Skill trifft die Markenentscheidungen, die eine v1 tatsächlich braucht, und schreibt sie in einer Form, der ein Baukasten folgen kann.
Verwendung
- Du stehst kurz vor dem Bau und hast dich noch nicht für Farben, Schriftarten oder Stimme entschieden.
- Deine Lovable-Builds werden immer wieder generisch.
- Du hast einen Namen, aber keinen Grund dafür – oder überhaupt keinen Namen.
- Du brauchst ein Markendokument, dem ein Tool, ein Teammitglied oder ein Auftragnehmer folgen kann, ohne dass du danebenstehst.
Eingaben
Eine kurze Beschreibung reicht aus: Was das Produkt tut, für wen es ist, und alles, was bereits entschieden ist (ein Name, eine Farbe, die du liebst, ein Konkurrent, dem du nicht ähneln willst). Wenn der Nutzer bereits einen Namen hat, behalte ihn und schreibe die Begründung. Benenne kein Produkt um, das niemand umbenennen wollte.
Ablauf
Stelle dem Nutzer jeweils eine Frage, und zwar nur zu dem, was die Beschreibung nicht bereits beantwortet.
-
Die Lage peilen. Beantworte diese vier Fragen selbst aus der Beschreibung, bevor du etwas auswählst. Frage den Nutzer nur nach den Punkten, die die Beschreibung offenlässt.
- Was tut es eigentlich, in einem operationalen Satz? („Bucht und plant Termine für mobile Hunde-Solo-Frisöre“, nicht „Ermächtigt die Tierpflege“.)
- Wer muss ihm vertrauen? Nenne die primäre Vertrauensbeziehung und eine sekundäre.
- Was ist die Spannung in der Arbeit? Starke Marken sitzen dort, wo zwei Dinge, die nicht zusammenpassen sollten, aufeinandertreffen (Logistik und Ruhe, Daten und Wärme). Der Name und der Slogan leben in dieser Spannung.
- Was ist der kleinste Ort, an dem es funktionieren muss? Ein Favicon, ein App-Symbol, ein Textnachrichten-Header. Gestalte für diese Größe.
-
Name (nur wenn nötig). Liste zehn Wörter für die operative Seite und zehn für die beziehungsorientierte Seite, dann paare je eines aus beiden. Biete zwei oder drei Optionen an, jede mit einer einzeiligen Begründung. Teste jede: Kann man sie in einem Atemzug sagen, funktioniert sie als URL, würde ein Fremder mindestens die Hälfte verstehen?
-
Farbe: fünf Farben, jede mit einer Aufgabe.
- Primärfarbe für CTAs und die wichtigsten Markenmomente, hohe Energie.
- Dunkel für Tiefe und Kontrast. Wärmer als reines Schwarz.
- Hell für Oberflächen und Text auf Dunklem.
- Sekundär als Gegengewicht, das die Primärfarbe weniger laut wirken lässt.
- Akzent für Zahlen, Highlights und Betonungen.
Benenne jede Farbe nach dem, was sie für die Marke bedeutet, nicht nach ihrem Farbton („Nachtroute“, nicht „Dunkelmarineblau“). Überprüfe den Kontrast: Fließtext muss WCAG AA (4,5:1) auf jedem Hintergrund bestehen, dem du ihn zuweist.
-
Schriftarten: zwei Schriftarten. Eine Auszeichnungsschrift, die stark genug ist, eine Überschrift oder eine Zahl zu tragen. Eine Fließtextschrift, die bei kleinen Größen verschwindet. Wähle aus Google Fonts, damit jeder Baukasten sie laden kann. Sie sollten sich im Gewicht unterscheiden, sich aber nicht im Stil bekämpfen: eine schwere, charaktervolle Auszeichnungsschrift mit einer ruhigen, lesbaren Fließtextschrift.
-
Slogan: zwei kurze Sätze. Der erste ist die operative Handlung, der zweite das beziehungsorientierte Versprechen. Kein Bindewort, denn die Gegenüberstellung ist die Bedeutung. Insgesamt vier bis acht Wörter. („Buche den Van. Bleibe ruhig.“)
-
Stimme: genau vier Prinzipien. Jedes ist ein Kontrastpaar, „X, nicht Y“, plus ein Beispielsatz und die generische Version, die es ersetzt. Beispielsätze sollten nur Dinge beschreiben, die das Produkt in v1 wirklich tut, weil Baukasten und spätere Skills sie als Textbausteine wiederverwenden. Persönlichkeitsadjektive („freundlich, professionell“) sind keine Prinzipien, da jede Marke sie für sich beansprucht.
-
Schreibe die Bauanleitung. Verwandle die Entscheidungen in Anweisungen, denen ein Baukasten folgt: welche Farbe in welches Theme-Token kommt, Schriftarten laden, Button- und Überschriftenregeln, und eine kurze Do-not-Liste. Dieser Abschnitt macht das Dokument für Lovable nützlich und nicht nur hübsch.
-
Speichern. Schreibe
brand-system.mdmit references/brand-system-template.md Halte es auf einer Seite.
Ausgabe
brand-system.md: eine Seite mit dem Produktsatz, der Zielgruppe, der Namensbegründung, dem Slogan, einer Palettentabelle mit Nutzungsregeln, der Schriftpaarung, vier Sprachprinzipien und Bauanleitungen für Lovable.- Ein kurzer Hinweis zur Verwendung: Füge die gesamte Datei in das Projektwissen von Lovable ein (Projekteinstellungen) und starte dann den ersten Bau-Prompt mit „Folge dem Markensystem im Projektwissen.“
- Optional: Wenn der Nutzer fragt, eine einseitige HTML-Vorschau mit Farbmustern und Schriftbeispielen.
Leitplanken
- Entscheiden, nicht abstimmen. Empfehle eine Palette und ein Schriftpaar und erkläre warum. Biete Alternativen nur für den Namen an.
- Keine KI-Farbnamen. „Salbei“, „Schiefer“ und „Warmes Taupe“ sagen, wie eine Farbe aussieht, nicht, was sie bedeutet.
- Keine Leitbilder, die sich als Slogans tarnen. „Gemeinsam bessere Gemeinschaften aufbauen“ ist ein Leitbild, das aufgegeben hat.
- Nur v1. Logodesign, Illustrationsstil und Fotografierichtung können warten. Sag das, wenn der Nutzer dorthin abdriftet, und notiere es unter „Später“ im Dokument.
- Kontrast ist optional. Wenn eine Paarung AA nicht besteht, ändere sie vor dem Speichern.
Verwandte Skills
Der nächste Skill liest brand-system.md: pitch-narrative-architect verwendet die Sprachprinzipien, und founder-site-copywriter verwendet alles davon.