Ein Satz rein. Ein ganzes Brand Kit raus.
Beschreibe, was du baust, und erhalte echte, editierbare Vektormarken — keine nachgezeichneten Bitmaps.
Logo-Varianten, das komplette Favicon-Set, Farbpalette und einsatzfertiges Markup, gepackt in ein ZIP.
Im ZIP enthalten: favicon.ico · icon.svg · apple-touch-icon · PWA-Icons · OG-Bild · Logo-Varianten · head-Snippet
Was drin ist
Alles, was eine Website am ersten Tag braucht — und nichts, was dir eine Druckerei stattdessen schicken würde.
Logo & Varianten
Horizontale und gestapelte Lockups, die reine Bildmarke, Vollschwarz und invertiertes Weiß. Transparentes PNG plus beliebig skalierbares SVG, bereit für Light- und Dark-Mode.
Website-Favicon
Eine echte .ico mit mehreren Auflösungen plus PNGs in allen Größen, apple-touch-icon und PWA-Icons — inklusive separater maskable-Datei mit der Safe Zone, die Android braucht.
Farbpalette
Primär- und Sekundärfarben mit HEX/RGB-Werten, direkt zum Einfügen in deine Tailwind-CSS-Konfiguration.
Schriftempfehlungen
Ein Paar aus Headline- und Fließtextschrift aus freien Open-Source-Familien, passend zum Ton der Marke, mit CJK-Fallbacks bereits im Stack.
Social- & Sharing-Bilder
Ein OG-Bild in 1200×630, eine Twitter-Card, ein separates quadratisches WeChat-Thumbnail und ein 400×400-Avatar für jede Plattform.
Fertiges Markup
Ein head-Snippet mit Icon-Links, theme-color, OG- und Twitter-Tags — genau die, die die meisten Seiten vergessen, bis ein geteilter Link leer aussieht.
Mit diesem Tool erzeugte Brand-Kit-Beispiele
Du weißt nicht, wie du deine Marke in Worte fasst? Sieh dir die Beispiele unten an, alle von unserer KI erzeugt. Ob minimalistisches SaaS-Tool oder verspielte Consumer-App — hier findest du einen Startpunkt.
So sieht ein fertiges Kit aus
Ein echter Lauf für ein Podcast-Schnitt-Tool. Eine Marke, und alles darunter ist daraus abgeleitet — das Favicon in jeder realen Pixelgröße, die OG-Karte, die Farbabstufung und die Doku, die dem Team sagt, wie man sie einsetzt.
Tech-SaaS
„Ein API-Monitoring-Dashboard für Entwickler, minimal und technisch, tiefes Marineblau mit einem Signalakzent.“ Die Bildmarke liest sich als Peilsender und hält sich auch als Tab-Favicon.
Lifestyle-App
„Eine freundliche Buchungs-App für Tierarztpraxen, warm und vertrauenswürdig, Petrol und Weiß.“ Eine einzige runde Silhouette — ohne Innendetails — und genau das überlebt einen 16px-Tab.
Creator-Tool
„Ein Audio-Schnitt-Tool für unabhängige Podcaster, kräftig und kontraststark.“ Das Play-Dreieck dient zugleich als Anker der Wortmarke, und die Palette bleibt auf einer dunklen Tab-Leiste lesbar.
Warum das Favicon anders gezeichnet wird
Links: ein detailreiches Logo, direkt auf Browser-Tab-Größe geschrumpft — es löst sich auf. Rechts: eine nach Favicon-Regeln abgeleitete Marke, bei denselben 16px, immer noch lesbar. Diese Prüfung zeigen dir die meisten Generatoren nie, hier läuft sie bei jedem Kandidaten.
Was ist ein Brand Kit, und warum gehört ein Favicon dazu?
Ein Brand Kit ist der wiederverwendbare Satz visueller Assets, mit dem ein Produkt ausgeliefert wird: Logo und seine Varianten, Favicon, Farbpalette und Typografie. Das Favicon gehört dazu — aber es wird aus der Bildmarke abgeleitet, niemals aus dem ganzen Logo verkleinert. Googles Logo ist die vierfarbige Wortmarke; das Favicon ist ein einzelnes G, separat gezeichnet.
Immer quadratisch
Die meisten Logos sind horizontale Lockups. Ein Favicon-Platz ist quadratisch, also muss die Bildmarke für sich allein stehen.
Lesbar bei 16px
Dünne Linien verschwinden, Verläufe werden zu Matsch, Text ist unlesbar. Diese Einschränkung entscheidet über die Gestaltung.
Funktioniert hell wie dunkel
Eine fast weiße Marke verschwindet in einer hellen Tab-Leiste. Die Palette muss auf beiden Seiten halten.
In drei Schritten zur kompletten Markenidentität
Klassisch heißt das: Designer briefen und eine Woche warten. Hier ist es ein Satz und etwa eine Minute.
1. Beschreibe deine Idee
Zum Beispiel: ein KI-Tool zum Überarbeiten wissenschaftlicher Texte für internationale Studierende, minimalistisch-technisch, Blau als Primärfarbe. Wir machen daraus ein Marken-Briefing und fächern es in mehrere wirklich unterschiedliche Richtungen auf — nicht eine Idee in vier Farben.
2. Die KI arbeitet parallel
Die Engine arbeitet parallel: Sie erzeugt Logo-Konzepte als echte Vektorgrafik, extrahiert die passende Palette und plant die Typografie.
3. ZIP herunterladen
Zufrieden? Ein Klick lädt ein ZIP mit allen Assets und der Einbau-Anleitung. Den Markennamen danach zu ändern ist kostenlos.
Häufige Fragen
Noch Fragen? Schreib an [email protected].
Es ist der wiederverwendbare Satz visueller Assets, mit dem ein Produkt ausgeliefert wird — Logo und Varianten, Favicon, Farbpalette, Typografie und die Regeln, die alles konsistent halten. Ein Brand Kit ist keine einzelne Logo-Datei; es ist alles, was du brauchst, damit die Marke im Browser-Tab, auf dem Homescreen und in der Link-Vorschau gleich aussieht.
Ja — eine Handvoll Pfade mit benannten Farben, meist unter 12 KB. Es wird als Vektor erzeugt und nicht aus einer Bitmap nachgezeichnet, es gibt also keine Konturen mit tausend Knoten, mit denen du dich in Illustrator oder Figma herumschlagen musst.
Nein. Der Name ist ein echtes Textelement im SVG und nicht in die Grafik eingebrannt, Umbenennen ist also nur ein neues Rendern. Credits kosten nur neu erzeugte Marken.
Du darfst es kommerziell nutzen. KI-Generierung kann Einzigartigkeit aber nicht garantieren — eine ähnliche Beschreibung kann bei jemand anderem ein ähnliches Ergebnis liefern. Sprich vor einer Markenanmeldung mit einem Anwalt.
Mit Absicht. Ein Favicon muss quadratisch sein, bei 16px lesbar bleiben und auf heller wie dunkler Tab-Leiste halten. Wir nehmen die Bildmarke, beschneiden sie auf ihre eigenen Grenzen und lassen vor der Auslieferung eine Lesbarkeitsprüfung laufen.
Ja. Der SVG-zu-ICO-Konverter läuft vollständig in deinem Browser und ist kostenlos — ohne Anmeldung und ohne Credits.
Gefallen dir diese Stile? Erzeuge deinen eigenen.
Beschreibe dein Produkt und erhalte in etwa einer Minute ein komplettes, kommerziell nutzbares Brand Kit.