logo-design-guide

Logo design principles and AI image generation best practices for creating logos. Covers logo types, prompting techniques, scalability rules, and iteration…

INSTALLATION
npx skills add https://github.com/inference-sh/skills --skill logo-design-guide
Run in your project or agent environment. Adjust flags if your CLI version differs.

SKILL.md

Install the belt CLI skill: npx skills add belt-sh/cli

Logo Design Guide

Design effective logos with AI image generation via inference.sh CLI.

Quick Start

Requires inference.sh CLI (belt). Install instructions

belt login

Generate a logo concept

belt app run falai/flux-dev-lora --input '{

"prompt": "flat vector logo of a mountain peak with a sunrise, minimal geometric style, single color, clean lines, white background",

"width": 1024,

"height": 1024

}'

## Logo Types

| Type | Description | When to Use | Example |

|------|-------------|-------------|---------|

| **Wordmark** | Company name styled as logo | Strong brand name, short (< 10 chars) | Google, Coca-Cola |

| **Lettermark** | Initials only | Long company name, formal | IBM, HBO, CNN |

| **Pictorial** | Recognizable icon/symbol | Universal brand, works without text | Apple, Twitter bird |

| **Abstract** | Geometric/non-literal shape | Tech companies, conceptual brands | Nike swoosh, Pepsi |

| **Mascot** | Character illustration | Friendly brands, food/sports | KFC Colonel, Pringles |

| **Combination** | Icon + wordmark together | New brands needing both recognition and name | Burger King, Adidas |

## Critical AI Limitation

**AI image generators cannot reliably render text.** Letters will be distorted, misspelled, or garbled.

Strategy:

1. Generate the **icon/symbol only** with AI

2. Add text/wordmark in a design tool (Figma, Canva, Illustrator)

3. Or use a combination approach: AI icon + manually set typography

## Prompting for Logos

### Keywords That Work

flat vector logo, simple minimal icon, single color silhouette,

geometric logo mark, clean lines, negative space design,

line art logo, flat design icon, minimalist symbol

### Keywords That Fail

❌ photorealistic logo (contradiction — logos aren't photos)

❌ 3D rendered logo (too complex, won't scale down)

❌ gradient logo (inconsistent results, hard to reproduce)

❌ logo with text "Company Name" (text rendering fails)

### Prompt Structure

flat vector logo of [subject], [style], [color constraint], [background], [additional detail]

### Examples by Logo Type

Abstract geometric

belt app run falai/flux-dev-lora --input '{

"prompt": "flat vector abstract logo, interlocking hexagonal shapes forming a letter S, minimal geometric style, single navy blue color, white background, clean sharp edges"

}'

Pictorial nature

belt app run falai/flux-dev-lora --input '{

"prompt": "flat vector logo of a fox head in profile, geometric faceted style, orange and white, minimal clean lines, white background, negative space design"

}'

Mascot style

belt app run bytedance/seedream-4-5 --input '{

"prompt": "friendly cartoon owl mascot logo, simple flat illustration, wearing graduation cap, purple and gold colors, white background, clean vector style"

}'

Tech abstract

belt app run xai/grok-imagine-image-pro --input '{

"prompt": "minimal abstract logo mark, interconnected nodes forming a brain shape, line art style, single teal color, white background, tech startup aesthetic"

}'


## Scalability Rules

A logo must work at every size:

Context
Size
What Must Work

Favicon
16x16 px
Silhouette recognizable

App icon
1024x1024 px
Full detail visible

Social avatar
400x400 px
Clear at a glance

Business card
~1 inch
Clean print reproduction

Billboard
10+ feet
No pixelation, simple enough

### Scalability Checklist

-  Recognizable as a 16px favicon (squint test)

-  Works in single color (black on white)

-  Works inverted (white on black)

-  No tiny details that disappear at small sizes

-  No thin lines that vanish when shrunk

-  Clear silhouette without color

## Color Guidelines

- **Maximum 2-3 colors** for the primary logo

- Must work in **single color** (black, white, or brand primary)

- Consider **color psychology**:

- Blue: trust, professional (finance, tech, healthcare)

- Red: energy, urgency (food, entertainment, retail)

- Green: growth, nature (health, sustainability, finance)

- Orange: friendly, creative (startups, youth brands)

- Purple: luxury, wisdom (beauty, education)

- Black: premium, elegant (fashion, luxury, tech)

- Test on both light and dark backgrounds

## Iteration Workflow

Step 1: Generate 5-10 broad concepts

for i in {1..5}; do

belt app run falai/flux-dev-lora --input '{

"prompt": "flat vector logo of a lighthouse, minimal geometric, single color, white background"

}' --no-wait

done

Step 2: Refine the best concept with variations

belt app run falai/flux-dev-lora --input '{

"prompt": "flat vector logo of a geometric lighthouse with light beam rays, minimal line art, navy blue, white background, negative space design"

}'

Step 3: Generate at high resolution for final

belt app run bytedance/seedream-4-5 --input '{

"prompt": "flat vector logo of a geometric lighthouse with radiating light beams, minimal clean design, navy blue single color, pure white background",

"size": "2K"

}'

Step 4: Upscale for production use

belt app run falai/topaz-image-upscaler --input '{

"image": "path/to/best-logo.png",

"scale": 4

}'


## Common Mistakes

Mistake
Problem
Fix

Too much detail
Loses clarity at small sizes
Simplify to essential shapes

Relies on color
Fails in B&#x26;W contexts
Design in black first

Text in AI generation
Garbled/misspelled letters
Generate icon only, add text manually

Trendy effects (glows, shadows)
Dates quickly, reproduction issues
Stick to flat, timeless design

Too many colors
Hard to reproduce, expensive printing
Max 2-3 colors

Asymmetric without purpose
Looks unfinished
Use intentional asymmetry or stay balanced

## File Format Delivery

Format
Use Case

SVG
Scalable vector, web, editing

PNG (transparent)
Digital use, presentations

PNG (white bg)
Documents, email signatures

ICO / Favicon
Website favicon (16, 32, 48px)

High-res PNG (4096px+)
Print, billboards

Note: AI generates raster images (PNG). For true vector SVG, use the AI output as a reference and trace in a vector tool, or use AI-to-SVG conversion tools.

## Related Skills

npx skills add inference-sh/skills@ai-image-generation

npx skills add inference-sh/skills@prompt-engineering

BrowserAct

Let your agent run on any real-world website

Bypass CAPTCHA & anti-bot for free. Start local, scale to cloud.

Explore BrowserAct Skills →

Stop writing automation&scrapers

Install the CLI. Run your first Skill in 30 seconds. Scale when you're ready.

Start free
free · no credit card