Die Kurzfassung
- Ein Markenkit ist die Sammlung sofort nutzbarer Dateien, mit der jede und jeder markenkonform arbeiten kann: Logos, Farbcodes, Schriften, Hintergründe, Vorlagen, freigegebene Bilder und der Styleguide.
- Logos gehören als SVG für Bildschirme, als transparentes PNG für alltägliche Tools und in einfarbigen Versionen in Schwarz und Weiß ins Kit.
- Farbcodes sollten in jeder Schreibweise stehen, die gebraucht wird, meist Hex und RGB für Bildschirme und CMYK für den Druck.
- Hintergründe und Vorlagen sind die am meisten genutzten und am häufigsten vergessenen Teile eines Markenkits.
- Ein Markenkit bleibt aufgeräumt, wenn es einen Ort, eine verantwortliche Person, klare Dateinamen und einen Archivordner für Ausgemustertes hat.
Auf dieser Seite
Ein Markenkit ist die Sammlung sofort nutzbarer Dateien, die man braucht, um etwas markenkonform zu gestalten: Logodateien, Farbcodes, Schriften, Hintergründe, Vorlagen, freigegebene Bilder und ein kurzer Styleguide. Während der Marken-Styleguide die Regeln erklärt, liefert das Kit das Material. Mit einem guten Kit kann eine Freelancerin, ein neuer Kollege oder ein KI-Assistent in Minuten loslegen, ohne dir eine einzige Frage zu stellen.
Die Checkliste fürs Markenkit
| Bestandteil | Was hineingehört | Warum es wichtig ist |
|---|---|---|
| Logo | SVG, transparentes PNG, einfarbig in Schwarz und Weiß, quadratische Avatar-Version | Jedes Tool und jeder Hintergrund braucht eine andere Datei |
| Farben | Namen, Hex-, RGB- und CMYK-Codes, mit der Aufgabe jeder Farbe | Verhindert, dass Farben aus Screenshots aufgenommen werden |
| Schriften | Schriftnamen mit Download-Links oder Dateien, dazu Lizenzhinweise | Vermeidet Ersatzschriften, die die ganze Wirkung verändern |
| Hintergründe | Signatur-Hintergrund in gängigen Größen, CSS-Code, einfarbige Ausweichfarbe | Füllt die größte Fläche der meisten Designs |
| Vorlagen | Deine häufigsten Posts, Stories, Folien und der E-Mail-Header | Der schnellste Weg zu einheitlicher Arbeit |
| Bildwelt | Freigegebene Fotos, Illustrationen oder Icon-Sets | Hält Stockfotos fern |
| Styleguide | Die Regeln auf einer Seite als PDF oder Link | Erklärt, wann welche Datei zum Einsatz kommt |
Es hilft, sich zu überlegen, wer das Kit öffnet und wonach jede Person zuerst greift:
- Eine Social-Media-Managerin braucht Vorlagen und Hintergründe in den richtigen Größen
- Ein Webentwickler braucht das SVG-Logo, die Farbcodes als CSS und die Schriftquellen
- Eine Druckerei braucht das Druck-Logo, CMYK-Werte und eventuelle Sonderfarben
- Ein neuer Kollege braucht den Einseiter und je ein gutes Beispiel für jedes Format
- Ein KI-Assistent braucht die Regeln als Klartext und die Farben als Codes
Logodateien: welche Formate du brauchst
Ein Logo, mehrere Dateien. Jedes Format löst ein anderes Problem, und das falsche ist meist der Grund für unscharfe, eingerahmte oder falsch gefärbte Logos.
| Format | Einsatz | Darauf achten |
|---|---|---|
| SVG | Websites, Apps und alles, was skaliert | Manche Office- und Social-Tools nehmen es nicht an |
| PNG, transparent | Folien, Dokumente, Social-Tools, E-Mail | Groß exportieren, etwa 2.000 px breit, damit es scharf bleibt |
| PDF oder EPS | Druck, Beschilderung und Merchandise | An Druckereien schicken, nicht an Social Media |
| JPEG | Für Logos fast nie | Keine Transparenz, das Logo kommt in einem weißen Kasten an |
Nimm auch eine Version auf, die auf deinem Signatur-Hintergrund funktioniert. Ein Logo, das auf dem eigenen Farbverlauf verschwindet, ist ein häufiges und vermeidbares Problem; wie du es löst, erklärt ein Logo auf einen Farbverlauf setzen.
Farben, Schriften und der Rest der Grundlagen
:root {
--night-blue: #0e1424; /* rgb(14 20 36) grounds, 60% */
--flour: #f3e6d0; /* rgb(243 230 208) text and panels, 30% */
--oven-glow: #e0823d; /* rgb(224 130 61) accents only, 10% */
--crust: #6b4a2f; /* rgb(107 74 47) support */
/* Signature background, with the flat fallback first */
--ground: #0e1424;
--ground-gradient: radial-gradient(90% 70% at 50% 110%, #e0823d 0%, #6b4a2f 25%, #1b2238 55%, #0e1424 100%);
}Notiere bei Schriften, woher jede stammt und was ihre Lizenz erlaubt. Viele gute Schriften sind bei Google Fonts kostenlos; kommerzielle Schriften brauchen oft eine Lizenz pro Person oder pro Website, also schreib das auf. Bei der Auswahl selbst hilft Markenschriften auswählen.
Hintergründe und Vorlagen: die am meisten genutzten Dateien
Logos bekommen die Aufmerksamkeit, Hintergründe und Vorlagen bekommen die Nutzung. Bereite deinen Signatur-Hintergrund in den Größen vor, in denen du am häufigsten veröffentlichst, damit niemand ein quadratisches Bild zum Banner streckt. Baue dann die Vorlagen darauf auf.
Post 4:5
1080 × 1350
Story 9:16
1080 × 1920
Folie 16:9
1920 × 1080
Link-Vorschau
1200 × 630
E-Mail-Header
1200 × 600
LinkedIn-Banner
1584 × 396
Eine Ordnerstruktur fürs Markenkit, die aufgeräumt bleibt
brand-kit/
00-read-me-first.pdf (the one-page style guide)
01-logo/
cornerloaf-logo-primary.svg
cornerloaf-logo-primary.png
cornerloaf-logo-white.png
cornerloaf-logo-black.png
cornerloaf-avatar-square.png
print/cornerloaf-logo-primary.pdf
02-colour/
colours.css
colours.pdf (hex, RGB, CMYK, names, jobs)
03-type/
fonts.txt (names, links, licence notes)
04-backgrounds/
ground-1080x1350.png
ground-1080x1920.png
ground-1920x1080.png
05-templates/
06-imagery/
_archive/ (retired files, never deleted)Chaotisches Kit
- logo-final-v3-NEU-dieses-nehmen.png
- Fünf Kopien des Kits auf verschiedenen Laufwerken
- Alte und neue Farben nebeneinander
- Schriften genannt, aber nicht verlinkt
Aufgeräumtes Kit
- brand-logo-white.png, benannt nach dem, was es ist
- Ein Ort, von überall verlinkt
- Ausgemusterte Dateien im _archive
- Jede Schrift mit Quelle und Lizenz
So hältst du ein Markenkit aktuell
- 1
Ein Ort, eine verantwortliche Person
Führe eine einzige Masterkopie und bestimme eine Person, die sie ändern darf. Alle anderen verlinken darauf, statt Kopien herunterzuladen.
- 2
Dateien nach ihrem Inhalt benennen
Marke, Element, Variante, Format. Nie „final“ oder „neu“: Das stimmt schon nächste Woche nicht mehr.
- 3
Archivieren, nicht löschen
Wird etwas ausgemustert, wandert es in einen Archivordner. Alte Dateien neben neuen sind der Weg, auf dem alte Farben zurückkommen.
- 4
Nach jeder Änderung prüfen
Neue Vorlage, neue Farbe, neue Logo-Anordnung: Aktualisiere das Kit am selben Tag, danach den Styleguide. Warum der Drift hier beginnt, steht in Markenkonsistenz.
Gradiently führt ein Markenkit direkt im Studio, mit deinen Logos, Farben und Schriften einen Klick von jedem Design entfernt, und der Designer wendet es an, wenn er Arbeiten erstellt oder bearbeitet. Wenn du mehrere Marken betreibst, bekommt jede ihr eigenes Kit und ihre eigenen Marks. Dein Markenkit in Gradiently einrichten führt dich durch die Schritte.
Häufige Fragen
Was ist ein Markenkit?
Ein Markenkit ist eine Sammlung sofort nutzbarer Markendateien: Logos, Farbcodes, Schriften, Hintergründe, Vorlagen, freigegebene Bilder und ein kurzer Styleguide.
Welche Logodateien gehören in ein Markenkit?
Ein SVG und ein transparentes PNG des Hauptlogos, einfarbige Versionen in Weiß und Schwarz, eine quadratische Avatar-Version und ein PDF oder EPS für den Druck.
Was ist der Unterschied zwischen Markenkit und Styleguide?
Der Styleguide sind die Regeln, das Markenkit sind die Dateien. Das Kit sollte den Styleguide enthalten, und der Styleguide sollte sagen, wo das Kit liegt.
Wie teile ich ein Markenkit mit einer Freelancerin?
Teile den Link zum einen Masterordner, mit dem Styleguide ganz oben. Verschicke keine Kopien, denn die veralten.
Geschrieben von Gradiently
Das Team hinter Gradiently, einem Designtool rund um Marks: lebendige Farbverläufe, durch die alles, was du gestaltest, nach dir aussieht.
Unser Profil ansehen
