Back to Details

logo-design-guide

Compare original and translation side by side

🇺🇸

Original

English
🇨🇳

Translation

Chinese

Logo Design Guide

Logo设计指南

Design effective logos with AI image generation via inference.sh CLI.
通过inference.sh CLI工具，利用AI图像生成功能设计高效的Logo。

Quick Start

快速开始

bash
curl -fsSL https://cli.inference.sh | sh && infsh login
bash
curl -fsSL https://cli.inference.sh | sh && infsh login

Generate a logo concept

Generate a logo concept

infsh 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 }'
undefined
infsh 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 }'
undefined

Logo Types

Logo类型

TypeDescriptionWhen to UseExample
WordmarkCompany name styled as logoStrong brand name, short (< 10 chars)Google, Coca-Cola
LettermarkInitials onlyLong company name, formalIBM, HBO, CNN
PictorialRecognizable icon/symbolUniversal brand, works without textApple, Twitter bird
AbstractGeometric/non-literal shapeTech companies, conceptual brandsNike swoosh, Pepsi
MascotCharacter illustrationFriendly brands, food/sportsKFC Colonel, Pringles
CombinationIcon + wordmark togetherNew brands needing both recognition and nameBurger King, Adidas
类型描述适用场景示例
文字标志将公司名称设计为Logo品牌名称辨识度高、名称较短（少于10个字符）Google、可口可乐
字母标志仅使用首字母公司名称较长、正式场合IBM、HBO、CNN
图形标志易于识别的图标/符号全球知名品牌，无需文字即可被识别Apple、Twitter小鸟
抽象标志几何/非写实形状科技公司、概念性品牌耐克swoosh、百事
吉祥物标志角色插画亲和力品牌、食品/体育行业肯德基上校、品客薯片吉祥物
组合标志图标+文字标志结合新品牌，同时需要辨识度和名称曝光汉堡王、阿迪达斯

Critical AI Limitation

AI的关键局限性

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
AI图像生成工具无法可靠渲染文字。 字母会出现变形、拼写错误或乱码。
解决策略：
  1. 仅使用AI生成图标/符号
  2. 在设计工具（Figma、Canva、Illustrator）中添加文字/文字标志
  3. 或采用组合方式：AI生成图标 + 手动设置字体

Prompting for Logos

Logo提示词撰写技巧

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
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)
❌ 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]
flat vector logo of [subject], [style], [color constraint], [background], [additional detail]

Examples by Logo Type

按Logo类型分类的示例

bash
undefined
bash
undefined

Abstract geometric

Abstract geometric

infsh 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" }'
infsh 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

Pictorial nature

infsh 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" }'
infsh 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

Mascot style

infsh 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" }'
infsh 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

Tech abstract

infsh 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" }'
undefined
infsh 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" }'
undefined

Scalability Rules

可扩展性规则

A logo must work at every size:
ContextSizeWhat Must Work
Favicon16x16 pxSilhouette recognizable
App icon1024x1024 pxFull detail visible
Social avatar400x400 pxClear at a glance
Business card~1 inchClean print reproduction
Billboard10+ feetNo pixelation, simple enough
Logo必须在所有尺寸下都能正常使用：
使用场景尺寸核心要求
网站小图标16x16 px轮廓可识别
应用图标1024x1024 px完整细节可见
社交平台头像400x400 px一眼可清晰识别
名片~1英寸打印清晰
广告牌10+英尺无像素化，设计足够简洁

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
  • 缩小到16px网站小图标时仍可识别（眯眼测试）
  • 单色模式下可正常显示（黑底白字或白底黑字）
  • 反转颜色后可正常显示（白底黑字或黑底白字）
  • 没有在小尺寸下会消失的微小细节
  • 没有缩小后会消失的细线
  • 无颜色时轮廓清晰

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
  • 主Logo最多使用2-3种颜色
  • 必须支持单色显示（黑色、白色或品牌主色）
  • 考虑色彩心理学：
    • 蓝色：信任、专业（金融、科技、医疗）
    • 红色：活力、紧迫感（食品、娱乐、零售）
    • 绿色：成长、自然（健康、可持续发展、金融）
    • 橙色：友好、创意（初创企业、青年品牌）
    • 紫色：奢华、智慧（美妆、教育）
    • 黑色：高端、优雅（时尚、奢侈品、科技）
  • 在浅色和深色背景下都进行测试

Iteration Workflow

迭代工作流

bash
undefined
bash
undefined

Step 1: Generate 5-10 broad concepts

Step 1: Generate 5-10 broad concepts

for i in {1..5}; do infsh app run falai/flux-dev-lora --input '{ "prompt": "flat vector logo of a lighthouse, minimal geometric, single color, white background" }' --no-wait done
for i in {1..5}; do infsh 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

Step 2: Refine the best concept with variations

infsh 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" }'
infsh 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

Step 3: Generate at high resolution for final

infsh 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" }'
infsh 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

Step 4: Upscale for production use

infsh app run falai/topaz-image-upscaler --input '{ "image": "path/to/best-logo.png", "scale": 4 }'
undefined
infsh app run falai/topaz-image-upscaler --input '{ "image": "path/to/best-logo.png", "scale": 4 }'
undefined

Common Mistakes

常见错误

MistakeProblemFix
Too much detailLoses clarity at small sizesSimplify to essential shapes
Relies on colorFails in B&W contextsDesign in black first
Text in AI generationGarbled/misspelled lettersGenerate icon only, add text manually
Trendy effects (glows, shadows)Dates quickly, reproduction issuesStick to flat, timeless design
Too many colorsHard to reproduce, expensive printingMax 2-3 colors
Asymmetric without purposeLooks unfinishedUse intentional asymmetry or stay balanced
错误问题解决方法
细节过多小尺寸下失去清晰度简化为核心形状
依赖色彩黑白场景下无法正常显示先以黑色设计
AI生成时包含文字字母乱码/拼写错误仅生成图标，手动添加文字
使用潮流效果（发光、阴影）很快过时，印刷或复制时出现问题坚持扁平化、经典设计
颜色过多难以复制，印刷成本高最多使用2-3种颜色
无意义的不对称看起来未完成有意使用不对称设计或保持对称

File Format Delivery

文件格式交付

FormatUse Case
SVGScalable vector, web, editing
PNG (transparent)Digital use, presentations
PNG (white bg)Documents, email signatures
ICO / FaviconWebsite 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.
格式适用场景
SVG可缩放矢量图，适用于网页、编辑
PNG（透明背景）数字使用、演示文稿
PNG（白底）文档、邮件签名
ICO / Favicon网站小图标（16、32、48px）
高分辨率PNG（4096px+）印刷、广告牌
注意：AI生成的是光栅图像（PNG）。若需要真正的矢量图SVG，可将AI输出作为参考在矢量工具中描图，或使用AI转SVG转换工具。

Related Skills

相关技能

bash
npx skills add inference-sh/skills@ai-image-generation
npx skills add inference-sh/skills@prompt-engineering
Browse all apps: 
infsh app list
bash
npx skills add inference-sh/skills@ai-image-generation
npx skills add inference-sh/skills@prompt-engineering
浏览所有应用：
infsh app list