# Markenkit Vorlage: Logos, Farben, Schriften und Stimme an einem Ort [Canonical HTML page](https://gradiently.design/de/guide/brand-kit-template) Ein Markenkit ist nur nützlich, wenn jemand es öffnen und in zehn Minuten ein korrektes Design machen kann. Hier ist eine Vorlage, die genau das leistet, Abschnitt für Abschnitt, mit einem ausgefüllten Beispiel. ## The short version - Eine Markenkit Vorlage hat sieben Abschnitte: Grundlagen, Logos, Farben, Schrift, Signature-Look, Stimme und Regeln. - Logodateien sollten in einer vollen und einer kleinen Version sowie in hellen und dunklen Varianten vorliegen, als SVG und als transparentes PNG. - Farben sollten mit HEX und RGB für Bildschirme aufgeführt sein, mit CMYK, wenn du druckst, und mit dem Zweck jeder Farbe. - Der Abschnitt zur Stimme lässt andere Menschen und KI-Werkzeuge im Ton deiner Marke schreiben, deshalb verdient er echte Beispiele. - Ein Markenkit ist kürzer und praktischer als ein vollständiger Styleguide: Es ist die Sammlung an Dateien und Codes, die Leute heute brauchen. Eine **Markenkit Vorlage** ist eine Struktur zum Ausfüllen für die Dateien und Fakten, die jeder braucht, um für deine Marke zu gestalten: Logodateien, Farbcodes, Schriften, deinen Signature-Look, Stimme und ein paar Regeln. Die Vorlage unten hat sieben Abschnitte, in der Reihenfolge, in der Leute nachschlagen. Kopier sie in ein Dokument oder einen geteilten Ordner, füll jeden Teil aus, und du hast ein Kit, mit dem ein Freelancer, eine neue Kollegin oder ein KI-Assistent sofort arbeiten kann. Wenn du noch überlegst, *warum* du eines brauchst, behandelt [Markenkit](https://gradiently.design/de/guide/brand-kit) diese Frage. Diese Seite ist die praktische Vorlage. ## Die Markenkit Vorlage ```text MARKENKIT: [Markenname] Zuletzt aktualisiert: [Datum] Verantwortlich: [Name, E-Mail] 1. GRUNDLAGEN Ein Satz: Was wir machen und für wen Zielgruppe: Produkte oder Dienstleistungen: Website / Nutzernamen: 2. LOGOS (jeweils SVG + transparentes PNG) Vollständiges Logo: hell ___ dunkel ___ Kleines Zeichen / Icon: hell ___ dunkel ___ Mindestgröße: ___ px breit Schutzraum: ___ auf allen Seiten 3. FARBEN (Name / Verwendung / HEX / RGB / CMYK) Hintergrund: Hauptfarbe: Nebenfarbe: Heller Neutralton: Akzent (sparsam): 4. SCHRIFT Überschriftenschrift + Schriftschnitt: Fließtextschrift + Schriftschnitt: Bezugsquelle / Lizenz: 5. EIGENER LOOK Hintergrund oder Mark-Code: Fotobearbeitung: 6. TON Drei Wörter: Wir sagen: ___ Wir sagen nie: ___ Beispielüberschrift: 7. REGELN Immer: Nie: ``` Kopier das in ein beliebiges Dokument. Füll aus, was du jetzt weißt; lass lieber Lücken, als zu raten. ## Was jeder Abschnitt braucht | Abschnitt | Enthält | Häufige Lücke | | --- | --- | --- | | Grundlagen | Ein Satz, Zielgruppe, Produkte oder Leistungen, Links | Kein Ansprechpartner für Fragen | | Logos | Volle und kleine Version, hell und dunkel, SVG und PNG | Nur ein JPG mit weißem Kasten drumherum | | Farben | Namen, Zwecke, HEX, RGB, CMYK bei Druck | Codes, ohne zu sagen, welche Farbe wofür ist | | Schrift | Überschriften- und Textschrift, Schnitte, Lizenz | Schriftnamen ohne Dateien oder Quelle | | Signature-Look | Der Hintergrund oder die Oberfläche, Fotobehandlung | Fehlt ganz, also erfindet jeder Designer einen | | Stimme | Drei Wörter, Beispiele, Wörter, die du meidest | Adjektive ohne Beispiele | | Regeln | Zwei oder drei Zeilen mit immer und nie | Eine lange Liste, die niemand liest | Die sieben Abschnitte und die Lücke, die in jedem am häufigsten bleibt. ### Logos: die Dateien, die du exportierst Exportiere jede Logoversion als SVG für alles, was skaliert, und als transparentes PNG für Werkzeuge, die kein SVG nehmen. Benenne Dateien schlicht, etwa `brand-logo-full-dark.svg`, damit niemand sie öffnen muss, um zu wissen, welche welche ist. [Logovarianten](https://gradiently.design/de/guide/logo-variations) erklärt, welche Versionen du wann brauchst, und [Logogrößen](https://gradiently.design/de/guide/logo-sizes) listet die Maße, die Plattformen verlangen. ### Farben: Codes und Aufgaben Führ jede Farbe mit einem Namen und einer Aufgabe auf, nicht nur mit einem Code. „Akzent: nur Buttons und Preise“ verhindert, dass der Akzent ein Design überflutet. Hier ist ein ausgefülltes Beispiel für ein kleines Yogastudio. - Grund: Anthrazit: #1f2421 - Haupt: Eukalyptus: #49695a - Stütze: Salbeinebel: #b7cbbd - Neutral: Leinen: #f6f1e9 - Akzent: Ton: #d98b5f Fünf Farben, jede mit ihrer Aufgabe im Namen. Der Tonakzent ist für Kurszeiten und Preise da, für sonst nichts. Ergänze RGB-Werte neben den HEX-Codes und CMYK, wenn etwas gedruckt wird. [HEX in RGB](https://gradiently.design/de/guide/hex-to-rgb) hat die Umrechnung, und [RGB oder CMYK](https://gradiently.design/de/guide/rgb-vs-cmyk) erklärt, warum Druckfarben eigene Werte brauchen. ### Schrift: Namen, Dateien und Lizenzen Schreib die genauen Schriftnamen und Schnitte auf, etwa „Inter Bold für Überschriften, Inter Regular für Fließtext“, und leg die Schriftdateien oder einen Download-Link in denselben Ordner. Notiere auch die Lizenz. Eine Schrift, die für private Nutzung kostenlos ist, deckt vielleicht nicht die Werbekampagne eines Kunden ab, und das Kit ist der Ort, an dem ein Freelancer nachschaut. [Markenschriften](https://gradiently.design/de/guide/brand-fonts) hilft, wenn du noch nicht gewählt hast. ### Signature-Look: der Abschnitt, der den meisten Kits fehlt Die meisten Markenkits hören bei Logo, Farben und Schriften auf, deshalb driften die Designs, die daraus entstehen, trotzdem auseinander. Der Hintergrund oder die Oberfläche hinter deinen Designs füllt den größten Teil jedes Bildes, also braucht er einen eigenen Eintrag: was er ist, wo man ihn findet und wie Fotos darauf behandelt werden. Ist dein Look ein Gradiently Mark, schreib hier seinen öffentlichen Code hin, zum Beispiel `GR·K7Q2·MX`, damit jeder genau den richtigen findet. Ohne diesen Abschnitt erfindet jeder neue Designer einen Hintergrund, und die Marke wird leise zu mehreren Marken. ### Stimme: Beispiele schlagen Adjektive ### Schwer nutzbar - Unsere Stimme ist warm, freundlich und professionell - Nicht verkäuferisch klingen - Inklusiv sein ### Leicht nutzbar - Wir sagen: „Komm, wie du bist, Matten sind da.“ - Wir sagen nie: „Letzte Chance“ oder „Verpass es nicht“ - Alle mit „du“ ansprechen; nie Beweglichkeit oder Fitness voraussetzen Beispiele zählen umso mehr, seit KI-Werkzeuge viele erste Entwürfe schreiben. Ein Assistent mit drei echten Sätzen in deiner Stimme trifft sie weit besser als einer mit drei Adjektiven. [Markenstimme für KI](https://gradiently.design/de/guide/brand-kit-voice) zeigt, wie du diesen Abschnitt für Maschinen ebenso wie für Menschen schreibst. ## Ein ausgefülltes Beispiel in der Anwendung Der Test für ein Markenkit ist, ob jemand, der dich nie getroffen hat, daraus einen korrekten Beitrag machen kann. Hier ist, was das Kit des Yogastudios in den Händen einer neuen Freelancerin ergibt, ohne weiteres Briefing. Ein hochformatiger Beitrag eines Yogastudios, der einen Sunrise-Flow-Kurs am Samstag um 7 Uhr ankündigt, auf dem Farbverlaufshintergrund des Studios Eine Kursankündigung, nur aus dem Kit gebaut: Palette, Schriften, Look und Stimme. Eine vertikale Story für dasselbe Yogastudio mit den Worten Komm, wie du bist, mit demselben Hintergrund und derselben Schrift Eine Story aus demselben Kit. Anderes Format, dieselbe Marke, keine zusätzlichen Anweisungen nötig. ## Wo du dein Markenkit aufbewahrst - **Ein geteilter Ordner** mit dem Dokument und jeder Logo- und Schriftdatei. Einfach und universell. - **In deinem Designwerkzeug**, damit Farben, Schriften und Logos einen Klick entfernt sind, statt von Hand kopiert zu werden. - **Ein Verantwortlicher und ein Datum.** Jemand ist für Aktualisierungen zuständig, und alle sehen, ob das Kit aktuell ist. Das Markenkit von Gradiently, Teil von Pro, deckt den Großteil dieser Vorlage ab: Name und Beschreibung, Logos, Farbpaletten, eine Überschriften- und eine Textschrift (du kannst Schriftdateien hochladen), Stimme, Zielgruppe und was die Marke tut. Es kann deine Website lesen, um Name, Beschreibung, Farbe und Icon für dich auszufüllen. Gestalte auf einem Mark als deinem Signature-Look, und der Designer schreibt in der Stimme deines Kits und wendet dein Kit an, während er Designs anlegt. [Markenkit einrichten](https://gradiently.design/de/guide/brand-kit-setup) führt dich durch. ## FAQ ### Was gehört in ein Markenkit? Grundlegende Fakten zur Marke, Logodateien in mehreren Versionen, Farbcodes mit ihren Zwecken, Schriften, dein Signature-Look, Beispiele für die Stimme und ein paar Regeln. ### Was ist der Unterschied zwischen einem Markenkit und einem Styleguide? Ein Markenkit ist die praktische Sammlung an Dateien und Codes, die Leute heute zum Gestalten brauchen. Ein Styleguide ist ein längeres Dokument, das Regeln und Begründungen ausführlich erklärt. ### In welchen Dateiformaten sollten Logos im Markenkit vorliegen? SVG für alles, was skaliert, und transparentes PNG für Werkzeuge, die kein SVG annehmen, jeweils in heller und dunkler Version. ### Wie lang sollte ein Markenkit sein? Kurz genug, um es in zehn Minuten zu lesen. Braucht es mehr, verschieb die Details in einen eigenen Styleguide.