Creator Brandkit은(는) 무엇을 하나요?
출력 폴더 brand/<slug>/:
brand.json # 이름, 포지셔닝, 색상, 폰트, 로고 경로, 톤 — 다른 스킬이 읽음
palette.svg # hex 값이 포함된 견본
logo/ # mark.svg, wordmark.svg, lockup.svg (+ PNG 내보내기)
mockups/ # 적용 예시
guide.md # 한 페이지 사용 가이드
1단계 — 브리핑
이름, 하는 일, 대상, 3가지 성격 키워드, 피해야 할 경쟁사, 유지할 기존 에셋. 부족한 항목은 한 번에 물어보세요.
2단계 — 방향 (구축 전 승인)
2가지 방향을 제시하세요. 각각: 한 줄 컨셉, 5색 팔레트(hex, 역할 포함: 기본, 보조, 강조, 어두운 중립, 밝은 중립), 폰트 페어링(Google Fonts 이름), 로고 아이디어. 팔레트 대비와 폰트 규칙은 references/brand-foundations.md를 참조하세요.
3단계 — 로고
- SVG를 직접 제작합니다 (항상 가능, 편집 가능, 확장 가능): 기하학적 마크, 워드마크(사용자가 폰트를 제공한 경우에만 텍스트 변환; 그 외에는 웹 안전 스택을 사용하고 그 사실을 표시), 락업. 마크는 단순하게 유지하세요: 16px에서도 작동하고 단색으로도 표현 가능해야 합니다.
- 이미지 제공자를 통한 선택적 탐색 (참고용):
creator.py image --prompt "flat vector logo exploration for <이름>: <아이디어>, <팔레트>, white background, no mockup" --ratio 1:1. 생성된 래스터 이미지는 참고 자료일 뿐, 최종 산출물이 아닙니다. 선택한 아이디어는 SVG로 다시 그리세요. - PNG 내보내기:
ffmpeg -i logo/mark.svg -vf scale=1024:-1 logo/mark-1024.png(ffmpeg가 SVG를 지원하지 않으면rsvg-convert또는 브라우저 스크린샷을 사용하세요).
4단계 — 목업
creator-image / creator.py image를 로고 PNG를 --ref로, 팔레트를 글로 설명하여 사용하세요: 프로필 사진, 소셜 포스트 템플릿, YouTube 배너(2560×1440, 안전 영역 1546×423), 명함, 에코백/티셔츠, 패키지 — 사용자가 필요한 것만. 정확한 텍스트는 media.py text로 추가하고, 이미지 내 생성은 사용하지 마세요.
5단계 — 키트 저장
brand.json을 작성하고, 색상/폰트/로고를 creator-skills 설정의 brand 블록에 복사하여 썸네일, 광고, 제품 사진이 자동으로 사용하도록 제안하세요. guide.md를 작성하세요: 역할과 대비 노트가 포함된 팔레트, 타이포그래피 스케일, 로고 여백 및 최소 크기, 올바른 예/잘못된 예.
규칙
- 빠른 독창성 검사를 수행하세요: 잘 알려진 로고와 유사한 마크는 피하고, 상업적 사용 전에 상표 검색을 하도록 사용자에게 알리세요.
- 텍스트 대비: 본문 텍스트는 배경과 대비 4.5:1 이상이어야 합니다(WCAG AA).
참고 자료
references/brand-foundations.md— 팔레트 역할, 대비, 폰트 페어링, 로고 규칙references/image-prompting.md,references/media-ops.md,references/providers.md