Community이미지github.com

SeaXen/로고-디자인-가이드

로고 디자인 원칙과 AI 이미지 생성을 위한 모범 사례를 제공합니다. 로고 유형, 프롬프트 작성 기법, 확장성 규칙 및 반복 작업 워크플로를 다룹니다. 다음에 사용: 브랜드 아이덴티티, 스타트업 로고, 앱 아이콘, 파비콘, 로고 컨셉. 트리거: logo design, create logo, brand logo, logo generation, ai logo, logo maker, icon design, brand mark, logo concept, startup logo, app icon logo

로고-디자인-가이드란 무엇인가요?

이 스킬은 AI 이미지 생성 도구를 사용하여 효과적인 로고를 디자인하기 위한 종합 가이드입니다. 주로 inference.sh CLI(belt)를 통해 다양한 AI 모델(예: falai/flux-dev-lora, bytedance/seedream-4-5, xai/grok-imagine-image-pro)을 활용합니다. 로고 유형(워드마크, 레터마크, 픽토리얼, 추상형, 마스코트, 콤비네이션)별로 특화된 프롬프트 구조를 제공하며, AI가 텍스트를 제대로 렌더링하지 못하는 한계를 극복하는 전략(아이콘/심볼만 생성 후 별도로 텍스트 추가)을 강조합니다. 또한 파비콘(16x16px)부터 대형 빌보드까지 다양한 크기에서 로고가 작동하도록 하는 확장성 원칙, 최대 2-3색 사용 등 색상 가이드라인, 반복적인 생성 및 리파인먼트 워크플로, 일반적인 실수와 해결책, SVG/PNG/ICO 등 최종 파일 형식 전달까지 상세히 다룹니다. 항상 로고는 ‘벡터 방식, 단순, 단색, 미니멀’한 프롬프트로 생성해야 하며, AI 결과물을 기반으로 피그마/캔바 등에서 최종 벡터화하는 것이 권장됩니다.

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

Installed? Explore more 이미지 skills: steipete/songsee, affaan-m/frontend-design, mattpocock/improve-codebase-architecture · View all 6 →

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

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

문서

belt 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 할아버지, 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 / Favicon웹사이트 파비콘 (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 1 individual skill — each has its own dedicated page.

관련 스킬