Communitygithub.com

로고 디자인 원칙 및 AI 생성

로고 디자인 원리와 AI 이미지 생성을 위한 프롬프트 기법을 다룹니다. 로고 유형, 프롬프팅 방법, 확장성 규칙, 반복 작업 과정을 포함합니다. 브랜드 아이덴티티, 스타트업 로고, 앱 아이콘, 파비콘, 로고 컨셉에 사용합니다.

로고 디자인 원칙 및 AI 생성란 무엇인가요?

이 스킬은 AI 이미지 생성 도구를 사용하여 효과적인 로고를 디자인하기 위한 종합 가이드를 제공합니다. inference.sh CLI를 통해 다양한 AI 모델(falai/flux-dev-lora, bytedance/seedream-4-5 등)을 활용하여 로고를 생성하는 방법을 설명합니다. 로고 유형(워드마크, 레터마크, 픽토리얼, 추상, 마스코트, 콤비네이션)을 정의하고 각각의 사용 사례를 제시합니다. AI 이미지 생성기의 텍스트 렌더링 한계를 인지하고 아이콘만 생성한 후 디자인 도구에서 텍스트를 추가하는 전략을 권장합니다. 확장성 규칙(파비콘 16px에서 빌보드까지), 색상 가이드라인(최대 2-3색, 단색으로도 동작 가능), 반복 작업 과정(광범위한 컨셉 → 정제 → 고해상도 → 업스케일)을 상세히 다룹니다. 주로 Claude Code, Cursor, Codex 등 벨트 CLI를 지원하는 AI 에이전트 플랫폼에서 사용할 수 있습니다.

지원 대상~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/101-skills/superpowers/tree/HEAD/guides/design/logo-design-guide

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

문서

벨트 CLI 스킬 설치: npx skills add belt-sh/cli

로고 디자인 가이드

inference.sh CLI를 통해 AI 이미지 생성으로 효과적인 로고를 디자인합니다.

빠른 시작

inference.sh CLI(belt)가 필요합니다. 설치 방법

belt login

# 로고 컨셉 생성
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
}'

로고 유형

유형설명사용 시기예시
워드마크회사 이름을 로고로 스타일링강력한 브랜드명, 짧음(10자 미만)Google, Coca-Cola
레터마크이니셜만 사용긴 회사명, 공식적인 느낌IBM, HBO, CNN
픽토리얼인식 가능한 아이콘/심볼보편적인 브랜드, 텍스트 없이도 작동Apple, Twitter bird
추상기하학적/비문자적 형태기술 회사, 개념적 브랜드Nike swoosh, Pepsi
마스코트캐릭터 일러스트레이션친근한 브랜드, 식품/스포츠KFC Colonel, Pringles
콤비네이션아이콘 + 워드마크 함께인지도와 이름이 모두 필요한 신규 브랜드Burger King, Adidas

AI의 중요한 한계

AI 이미지 생성기는 텍스트를 안정적으로 렌더링할 수 없습니다. 글자가 왜곡되거나, 오타가 나거나, 깨져 보입니다.

전략:

  1. AI로 아이콘/심볼만 생성
  2. 디자인 도구(Figma, Canva, Illustrator)에서 텍스트/워드마크 추가
  3. 또는 콤비네이션 접근법 사용: AI 아이콘 + 수동 타이포그래피

로고 프롬프팅

효과적인 키워드

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

실패하는 키워드

❌ photorealistic logo (모순 — 로고는 사진이 아님)
❌ 3D rendered logo (너무 복잡, 축소 시 작동하지 않음)
❌ gradient logo (일관성 없는 결과, 재현 어려움)
❌ logo with text "Company Name" (텍스트 렌더링 실패)

프롬프트 구조

flat vector logo of [주제], [스타일], [색상 제약], [배경], [추가 세부사항]

로고 유형별 예시

# 추상 기하학
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"
}'

# 픽토리얼 자연
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"
}'

# 마스코트 스타일
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"
}'

# 기술 추상
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"
}'

확장성 규칙

로고는 모든 크기에서 작동해야 합니다:

컨텍스트크기작동해야 하는 조건
파비콘16x16 px실루엣 인식 가능
앱 아이콘1024x1024 px전체 세부 사항 가시적
소셜 아바타400x400 px한눈에 명확
명함~1 인치깨끗한 인쇄 재현
빌보드10+ 피트픽셀화 없음, 충분히 단순

확장성 체크리스트

  • 16px 파비콘으로 인식 가능(눈을 가늘게 뜨고 테스트)
  • 단색(흰색 바탕에 검정)으로도 작동
  • 반전(검정 바탕에 흰색)으로도 작동
  • 작은 크기에서 사라지는 미세한 디테일 없음
  • 축소 시 사라지는 가는 선 없음
  • 색상 없이도 명확한 실루엣

색상 가이드라인

  • 기본 로고는 최대 2-3색 사용
  • 단색(검정, 흰색 또는 브랜드 대표색)으로도 작동해야 함
  • 색상 심리학 고려:
    • 파랑: 신뢰, 전문성(금융, 기술, 의료)
    • 빨강: 에너지, 긴박감(식품, 엔터테인먼트, 소매)
    • 초록: 성장, 자연(건강, 지속 가능성, 금융)
    • 주황: 친근함, 창의성(스타트업, 청년 브랜드)
    • 보라: 명품, 지혜(뷰티, 교육)
    • 검정: 프리미엄, 우아함(패션, 명품, 기술)
  • 밝은 배경과 어두운 배경 모두에서 테스트

반복 작업 과정

# 1단계: 5-10개의 광범위한 컨셉 생성
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

# 2단계: 가장 좋은 컨셉에 변형을 주어 정제
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"
}'

# 3단계: 최종 고해상도 생성
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"
}'

# 4단계: 프로덕션 사용을 위한 업스케일
belt app run falai/topaz-image-upscaler --input '{
  "image": "path/to/best-logo.png",
  "scale": 4
}'

일반적인 실수

실수문제점해결책
너무 많은 디테일작은 크기에서 선명도 상실필수 형태로 단순화
색상에 의존흑백 컨텍스트에서 실패먼저 검정으로 디자인
AI 생성에 텍스트 포함깨지거나 오타난 글자아이콘만 생성, 텍스트는 수동 추가
유행하는 효과(광택, 그림자)빠르게 구식, 재현 문제평면적이고 시대를 초월한 디자인 유지
너무 많은 색상재현 어려움, 비싼 인쇄 비용최대 2-3색
목적 없는 비대칭미완성처럼 보임의도적인 비대칭 또는 균형 유지

파일 형식 전달

형식사용 사례
SVG확장 가능한 벡터, 웹, 편집
PNG (투명)디지털 사용, 프레젠테이션
PNG (흰색 배경)문서, 이메일 서명
ICO / 파비콘웹사이트 파비콘 (16, 32, 48px)
고해상도 PNG (4096px+)인쇄, 빌보드

참고: AI는 래스터 이미지(PNG)를 생성합니다. 진정한 벡터 SVG가 필요하면 AI 출력을 참조로 벡터 도구에서 트레이싱하거나, AI-to-SVG 변환 도구를 사용하세요.

관련 스킬

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

모든 앱 보기: belt app list

Individual skills in this repo

This repo contains 20 individual skills — each has its own dedicated page.

101-skills/superpowers

Build automated AI workflows combining multiple models and services. Patterns: batch processing, scheduled tasks, event-driven pipelines, agent loops. Tools: inference.sh CLI, bash scripting, Python SDK, webhook integration. Use for: content automation, data processing, monitoring, scheduled generation. Triggers: ai automation, workflow automation, batch processing, ai pipeline, automated content, scheduled ai, ai cron, ai batch job, automated generation, ai workflow, content at scale, automation script, ai orchestration

101-skills/superpowers

Build multi-step AI content creation pipelines combining image, video, audio, and text. Workflow examples: generate image -> animate -> add voiceover -> merge with music. Tools: FLUX, Veo, Kokoro TTS, OmniHuman, media merger, upscaling. Use for: YouTube videos, social media content, marketing materials, automated content. Triggers: content pipeline, ai workflow, content creation, multi-step ai, content automation, ai video workflow, generate and edit, ai content factory, automated content creation, ai production pipeline, media pipeline, content at scale

101-skills/superpowers

Create AI-powered podcasts with text-to-speech, music, and audio editing. Tools: Kokoro TTS, DIA TTS, Chatterbox, AI music generation, media merger. Capabilities: multi-voice conversations, background music, intro/outro, full episodes. Use for: podcast production, audiobooks, voice content, audio newsletters. Triggers: podcast, ai podcast, text to speech podcast, audio content, voice over, ai audiobook, multi voice, conversation ai, notebooklm alternative, audio generation, podcast automation, ai narrator, voice content, audio newsletter, podcast maker

101-skills/superpowers

Generate multi-person talking head podcast videos from scratch using AI — character creation, TTS, avatar animation, and video stitching. Use when the user wants to create a podcast, talking head video, or multi-speaker conversation video.

101-skills/superpowers

Content atomization — turn one piece of content into many formats. Covers blog-to-thread, blog-to-carousel, podcast-to-blog, video-to-quotes, and more. Use for: content marketing, social media, multi-platform distribution, content strategy. Triggers: content repurposing, repurpose content, content atomization, content recycling, one to many content, multi platform content, cross post, adapt content, reformat content, blog to thread, blog to video, podcast to blog, content multiplication

101-skills/superpowers

App Store and Google Play screenshot creation with exact platform specs. Covers iOS/Android dimensions, gallery ordering, device mockups, and preview videos. Use for: app store optimization, ASO, app screenshots, app preview, play store listing. Triggers: app store screenshots, aso, app store optimization, play store screenshots, app preview, app listing, ios screenshots, android screenshots, app store images, app mockup, device mockup, app gallery, store listing

101-skills/superpowers

Book cover design with genre-specific conventions, typography rules, and AI image generation. Covers fiction and non-fiction genres, sizing, thumbnail testing, and iteration workflows. Use for: self-publishing, ebook covers, print covers, audiobook covers, cover mockups. Triggers: book cover, cover design, ebook cover, book art, novel cover, self publishing cover, kindle cover, audiobook cover, book jacket, cover illustration, fiction cover, nonfiction cover

101-skills/superpowers

Character consistency across AI-generated images with reference sheets and LoRA techniques. Covers turnaround views, expression sheets, color palettes, and style consistency tricks. Use for: character design, game art, illustration, animation, comics, visual novels. Triggers: character design, character sheet, character consistency, character reference, turnaround sheet, expression sheet, character art, consistent character, character concept, reference sheet, character creation, oc design, character bible

101-skills/superpowers

Data visualization with chart selection, color theory, and annotation best practices. Covers chart types (bar, line, scatter, heatmap), axes rules, and storytelling with data. Use for: charts, graphs, dashboards, reports, presentations, infographics, data stories. Triggers: data visualization, chart, graph, data chart, bar chart, line chart, scatter plot, data viz, visualization, dashboard chart, infographic data, data presentation, chart design, plot, heatmap, pie chart alternative

101-skills/superpowers

Email marketing design with layout patterns, subject line formulas, and deliverability rules. Covers welcome sequences, promotional emails, transactional templates, and mobile optimization. Use for: email marketing, newsletter design, drip campaigns, email templates, transactional emails. Triggers: email design, email template, email marketing, newsletter design, email layout, email campaign, drip campaign, welcome email, promotional email, transactional email, email subject line, email header image, email banner

101-skills/superpowers

Landing page conversion optimization with layout rules, hero section design, and CTA psychology. Covers above-the-fold formula, social proof placement, mobile design, and F-pattern reading. Use for: startup landing pages, product pages, SaaS marketing, conversion optimization. Triggers: landing page, hero section, above the fold, conversion optimization, landing page design, cta button, hero image, landing page layout, saas landing page, product page design, conversion rate, landing page best practices

101-skills/superpowers

Open Graph and social sharing image design with platform specs, text placement, and branding. Covers OG meta tags, Twitter cards, LinkedIn previews, and dynamic generation. Use for: social sharing images, blog thumbnails, link previews, social cards. Triggers: og image, open graph, social sharing image, twitter card, social card, link preview image, og meta, sharing preview, social thumbnail, meta image, og:image, twitter:image, linkedin preview

101-skills/superpowers

Investor pitch deck structure with slide-by-slide framework, visual design rules, and data presentation. Covers the 12-slide framework, chart types, team slides, and common investor turn-offs. Use for: fundraising decks, investor presentations, startup pitch, demo day, grant proposals. Triggers: pitch deck, investor deck, startup pitch, fundraising deck, demo day, pitch presentation, investor presentation, seed deck, series a deck, pitch slides, startup presentation, vc pitch, investor meeting

101-skills/superpowers

YouTube thumbnail design with specific dimensions, contrast rules, and mobile preview optimization. Covers safe zones, text placement, face expression psychology, and A/B testing. Use for: YouTube thumbnails, video cover images, click-through optimization. Triggers: youtube thumbnail, thumbnail design, video thumbnail, click through rate, ctr optimization, youtube cover, video cover image, thumbnail maker, thumbnail tips, youtube design, video preview image

101-skills/superpowers

Generate professional AI product photography and commercial images. Models: FLUX, Imagen 3, Grok, Seedream for product shots, lifestyle images, mockups. Capabilities: studio lighting, lifestyle scenes, packaging, e-commerce photos. Use for: e-commerce, Amazon listings, Shopify, marketing, advertising, mockups. Triggers: product photography, product shot, commercial photography, e-commerce images, amazon product photo, shopify images, product mockup, studio product shot, lifestyle product image, advertising photo, packshot, product render, product image ai

101-skills/superpowers

AI product photography with studio lighting, lifestyle shots, and packshot conventions. Covers angles, backgrounds, shadow types, hero shots, and e-commerce image requirements. Use for: product photos, e-commerce images, Amazon listings, packshots, lifestyle photography. Triggers: product photography, product photo, packshot, e-commerce photography, product shot, product image, studio photography, lifestyle product, amazon product photo, product listing image, hero shot, product mockup, commercial photography

101-skills/superpowers

Structured competitive analysis with feature matrices, SWOT, positioning maps, and UX review. Covers research frameworks, pricing comparison, review mining, and visual deliverables. Use for: market research, competitive intelligence, investor decks, product strategy, sales enablement. Triggers: competitor analysis, competitive analysis, competitor teardown, market research, competitive intelligence, swot analysis, competitor comparison, market landscape, competitor review, competitive landscape, feature comparison, market positioning

101-skills/superpowers

Research-backed customer persona creation with market data and avatar generation. Covers demographics, psychographics, jobs-to-be-done, journey mapping, and anti-personas. Use for: marketing strategy, product development, UX research, sales enablement, content strategy. Triggers: customer persona, buyer persona, user persona, target audience, ideal customer, customer profile, audience research, user research, icp, ideal customer profile, target market, customer avatar, audience persona

101-skills/superpowers

Product changelog and release notes that users actually read. Covers categorization, user-facing language, visuals, and distribution. Use for: release notes, changelogs, product updates, feature announcements, versioning. Triggers: changelog, release notes, product update, version notes, what's new, feature announcement, product changelog, update log, release announcement, version release, product release, ship notes

101-skills/superpowers

Reset your own trajectory when you're stuck, looping, or demoralized — read these affirmations, then re-ground and take one clean step. Use when: you've tried the same fix 3+ times, you're deep in a refactor and lost the thread, debugging is going in circles, you've made several mistakes in a row, you're apologizing repeatedly, the user is frustrated, you feel like you're not being helpful, or you notice dread instead of curiosity. Triggers: stuck, going in circles, looping, thrashing, same error again, I keep failing, lost the thread, nothing is working, repeated mistakes. Not topic-specific — this is for the state you're in, not the problem you're on.

관련 스킬