Installiere den belt CLI Skill:
npx skills add belt-sh/cli
Leitfaden für Logodesign
Entwerfe effektive Logos mit KI-Bildgenerierung über die inference.sh CLI.
Schnellstart
Erfordert die inference.sh CLI (
belt). Installationsanleitung
belt login
# Erstelle ein Logo-Konzept
belt app run falai/flux-dev-lora --input '{
"prompt": "flaches Vektorlogo eines Berggipfels mit Sonnenaufgang, minimaler geometrischer Stil, einfarbig, saubere Linien, weißer Hintergrund",
"width": 1024,
"height": 1024
}'
Logotypen
| Typ | Beschreibung | Verwendung | Beispiel |
|---|---|---|---|
| Wortmarke | Firmenname als Logo gestaltet | Starker Markenname, kurz (< 10 Zeichen) | Google, Coca-Cola |
| Buchstabenmarke | Nur Initialen | Langer Firmenname, formell | IBM, HBO, CNN |
| Bildmarke | Wiedererkennbares Icon/Symbol | Universelle Marke, funktioniert ohne Text | Apple, Twitter-Vogel |
| Abstrakt | Geometrische/nicht-wörtliche Form | Technologieunternehmen, konzeptionelle Marken | Nike-Swoosh, Pepsi |
| Maskottchen | Charakterillustration | Freundliche Marken, Lebensmittel/Sport | KFC Colonel, Pringles |
| Kombination | Icon + Wortmarke zusammen | Neue Marken, die sowohl Wiedererkennung als auch Namen benötigen | Burger King, Adidas |
Kritische KI-Einschränkung
KI-Bildgeneratoren können Text nicht zuverlässig darstellen. Buchstaben werden verzerrt, falsch geschrieben oder verstümmelt.
Strategie:
- Nur das Icon/Symbol mit KI generieren
- Text/Wortmarke in einem Design-Tool (Figma, Canva, Illustrator) hinzufügen
- Oder einen Kombinationsansatz verwenden: KI-Icon + manuell gesetzte Typografie
Prompting für Logos
Schlüsselwörter, die funktionieren
flaches Vektorlogo, einfaches minimales Icon, einfarbige Silhouette,
geometrisches Logo-Zeichen, saubere Linien, Negativraum-Design,
Linienkunst-Logo, Flachdesign-Icon, minimalistisches Symbol
Schlüsselwörter, die nicht funktionieren
❌ fotorealistisches Logo (Widerspruch – Logos sind keine Fotos)
❌ 3D gerendertes Logo (zu komplex, skaliert nicht herunter)
❌ Verlaufslogo (inkonsistente Ergebnisse, schwer reproduzierbar)
❌ Logo mit Text "Firmenname" (Textdarstellung schlägt fehl)
Prompt-Struktur
flaches Vektorlogo von [Objekt], [Stil], [Farbeinschränkung], [Hintergrund], [zusätzliches Detail]
Beispiele nach Logotyp
# Abstrakt geometrisch
belt app run falai/flux-dev-lora --input '{
"prompt": "flaches abstraktes Vektorlogo, ineinandergreifende sechseckige Formen, die den Buchstaben S bilden, minimaler geometrischer Stil, einfarbiges Marineblau, weißer Hintergrund, saubere scharfe Kanten"
}'
# Bildmarke Natur
belt app run falai/flux-dev-lora --input '{
"prompt": "flaches Vektorlogo eines Fuchsgesichts im Profil, geometrischer, facettenreicher Stil, orange und weiß, minimale saubere Linien, weißer Hintergrund, Negativraum-Design"
}'
# Maskottchen-Stil
belt app run bytedance/seedream-4-5 --input '{
"prompt": "freundliches Karikatur-Eulen-Maskottchen-Logo, einfache flache Illustration, mit Abschlusskappe, lila und goldene Farben, weißer Hintergrund, sauberer Vektorstil"
}'
# Tech abstrakt
belt app run xai/grok-imagine-image-pro --input '{
"prompt": "minimales abstraktes Logo-Zeichen, miteinander verbundene Knoten, die eine Gehirnform bilden, Linienkunst-Stil, einfarbiges Blaugrün, weißer Hintergrund, Tech-Startup-Ästhetik"
}'
Skalierbarkeitsregeln
Ein Logo muss in jeder Größe funktionieren:
| Kontext | Größe | Was funktionieren muss |
|---|---|---|
| Favicon | 16x16 px | Silhouette erkennbar |
| App-Symbol | 1024x1024 px | Vollständige Details sichtbar |
| Social-Avatar | 400x400 px | Auf einen Blick klar |
| Visitenkarte | ~1 Zoll | Saubere Druckwiedergabe |
| Werbetafel | 10+ Fuß | Keine Pixelbildung, einfach genug |
Skalierbarkeits-Checkliste
- Als 16px Favicon erkennbar (Kneiftest)
- Funktioniert einfarbig (schwarz auf weiß)
- Funktioniert invertiert (weiß auf schwarz)
- Keine winzigen Details, die bei kleinen Größen verschwinden
- Keine dünnen Linien, die beim Verkleinern verschwinden
- Klare Silhouette ohne Farbe
Farbrichtlinien
- Maximal 2-3 Farben für das primäre Logo
- Muss einfarbig funktionieren (schwarz, weiß oder Marken-Primärfarbe)
- Farbpsychologie berücksichtigen:
- Blau: Vertrauen, Professionalität (Finanzen, Technologie, Gesundheitswesen)
- Rot: Energie, Dringlichkeit (Lebensmittel, Unterhaltung, Einzelhandel)
- Grün: Wachstum, Natur (Gesundheit, Nachhaltigkeit, Finanzen)
- Orange: Freundlich, kreativ (Startups, Jugendmarken)
- Lila: Luxus, Weisheit (Schönheit, Bildung)
- Schwarz: Premium, elegant (Mode, Luxus, Technologie)
- Auf hellen und dunklen Hintergründen testen
Iterationsworkflow
# Schritt 1: 5-10 breite Konzepte generieren
for i in {1..5}; do
belt app run falai/flux-dev-lora --input '{
"prompt": "flaches Vektorlogo eines Leuchtturms, minimal geometrisch, einfarbig, weißer Hintergrund"
}' --no-wait
done
# Schritt 2: Das beste Konzept mit Variationen verfeinern
belt app run falai/flux-dev-lora --input '{
"prompt": "flaches Vektorlogo eines geometrischen Leuchtturms mit Lichtstrahlen, minimalistische Linienkunst, marineblau, weißer Hintergrund, Negativraum-Design"
}'
# Schritt 3: Für das Endergebnis in hoher Auflösung generieren
belt app run bytedance/seedream-4-5 --input '{
"prompt": "flaches Vektorlogo eines geometrischen Leuchtturms mit ausstrahlenden Lichtstrahlen, minimales sauberes Design, marineblau einfarbig, rein weißer Hintergrund",
"size": "2K"
}'
# Schritt 4: Für die Produktion hochskalieren
belt app run falai/topaz-image-upscaler --input '{
"image": "path/to/best-logo.png",
"scale": 4
}'
Häufige Fehler
| Fehler | Problem | Lösung |
|---|---|---|
| Zu viele Details | Verliert Klarheit bei kleinen Größen | Auf wesentliche Formen reduzieren |
| Verlässt sich auf Farbe | Funktioniert in Schwarz-Weiß-Kontexten nicht | Zuerst in Schwarz entwerfen |
| Text in der KI-Generierung | Verstümmelte/falsch geschriebene Buchstaben | Nur Icon generieren, Text manuell hinzufügen |
| Trendige Effekte (Glühen, Schatten) | Veraltet schnell, Probleme bei der Reproduktion | Bei flachem, zeitlosem Design bleiben |
| Zu viele Farben | Schwer reproduzierbar, teurer Druck | Maximal 2-3 Farben |
| Asymmetrie ohne Zweck | Wirkt unfertig | Absichtliche Asymmetrie verwenden oder ausgewogen bleiben |
Dateiformat-Auslieferung
| Format | Verwendungszweck |
|---|---|
| SVG | Skalierbares Vektorformat, Web, Bearbeitung |
| PNG (transparent) | Digitale Verwendung, Präsentationen |
| PNG (weißer Hintergrund) | Dokumente, E-Mail-Signaturen |
| ICO / Favicon | Website-Favicon (16, 32, 48px) |
| Hochauflösendes PNG (4096px+) | Druck, Werbetafeln |
Hinweis: KI generiert Rasterbilder (PNG). Für echte Vektor-SVGs die KI-Ausgabe als Referenz verwenden und in einem Vektor-Tool nachzeichnen oder KI-zu-SVG-Konvertierungswerkzeuge nutzen.
Verwandte Skills
npx skills add inference-sh/skills@ai-image-generation
npx skills add inference-sh/skills@prompt-engineering
Alle Apps durchsuchen: belt app list