그래픽 차트 (Roosevelt Mogo 방법)
로고(또는 로고 아이디어)에서 시작하여 완전한 아이덴티티를 제공합니다: 단일 브랜드 파일(charte.json), 모든 형식의 깔끔한 로고, InDesign에서 편집 가능한 그래픽 차트, 인쇄소에 바로 넘길 수 있는 모든 변형까지. 모든 것은 스크립트로 생성되므로 클라이언트가 색상, 이름 또는 번호를 변경하면 단일 명령으로 전체를 다시 만들 수 있습니다. 사용자 언어로 응답합니다.
스킬 디렉토리는 로드 시 표시됩니다("기본 디렉토리"): 아래에서는 $SKILL로 표시합니다.
Python 스킬: ~/.charte-graphique-venv/bin/python ($SKILL/outils/installer.sh가 없을 경우 생성).
필수 사항: Adobe InDesign (2020 이상), Google Chrome, poppler (pdftoppm, pdftops).
시작하기 전에
JOURNAL.md(이전 프로젝트의 교훈)와 프로젝트 추적 파일(있는 경우)을 읽습니다.- 클라이언트 디렉토리(예:
<CLIENTS>/<CLIENT>/GRAPHISME/)를 찾고 다음과 같이 워크샵을 생성합니다:python $SKILL/scripts/nouveau_projet.py "<client directory>" --nom "<BRAND>" --nom-complet "…" --secteur "…"→charte-graphique/디렉토리와charte.json,BRIEF.md,sources/,logos/,polices/,IMAGES-CHATGPT/,INDESIGN/,LIVRABLES/,controle/하위 디렉토리가 생성됩니다. - 사용자가 열어둔 InDesign 문서를 절대 건드리지 마십시오 (스크립트는 새 창 없이 자체 파일을 엽니다).
프로젝트 진행 단계
- 브리프: 클라이언트의 메시지, 문서 및 웹사이트를 바탕으로
BRIEF.md를 작성합니다. 누락된 내용은 차트에서 "추가 필요"로 남겨둡니다. 임무, 숫자, 주소를 임의로 만들지 않습니다. 클라이언트에게 최대 3개의 질문을 한 후 진행합니다. (BRIEF-MODELE.md) - 로고
- 로고 없음: ChatGPT 프롬프트를 통해 4개의 방향 제시 (로고 + 모형), 클라이언트 선택 후 다음 단계로 진행. Claude는 직접 이미지를 생성하지 않습니다. (
references/logo-de-zero.md) - 이미지(ChatGPT, JPG, 캡처)로 승인된 로고: 정확하게 벡터화:
python $SKILL/scripts/vectoriser.py sources/logo.png -o logos/principal.svg --recadrer --marge 0.03 --controle controle/vecto.png그런 다음 제어 보드를 확인합니다 (원본 | 벡터 | 오버레이). (references/vectorisation.md) - AI/SVG/PDF 형식의 기존 로고: 그대로 사용 (모양별 SVG 마스터).
logos/에 준비할 모양:principal.svg(필수),horizontal.svg,vertical.svg,symbole.svg(로고에 따라 다름),charte.json→logos.formes에 선언.
- 로고 없음: ChatGPT 프롬프트를 통해 4개의 방향 제시 (로고 + 모형), 클라이언트 선택 후 다음 단계로 진행. Claude는 직접 이미지를 생성하지 않습니다. (
- 색상:
charte.json에 이름, 역할, HEX를 입력한 후python $SKILL/scripts/palette.py <atelier>실행 → RGB, CMYK (Coated FOGRA39 프로필, 차트에만 표시), 농도, 대비 정보 생성. Pantone은 절대 임의로 지정하지 않습니다 ("확인 필요"로 표시). (references/couleurs.md) - 타이포그래피: 최대 2개 패밀리 (제목 + 본문)와 사무용 글꼴 하나. 정적 파일을
polices/에 저장 (scripts/polices.py instancier|copier사용), 라이선스 명시. (references/typographie.md) - 로고 팩:
python $SKILL/scripts/logos.py <atelier>→LIVRABLES/01-LOGOS/{SVG,PDF,EPS,PNG}/디렉토리에 컬러, 네거티브, 흰색, 검정, 모노 버전 생성 (+InDesign용 내부 변형). - 이미지:
IMAGES-CHATGPT/prompt-chatgpt.txt파일 작성 (CONTEXT 블록 + 차트의IMG:프레임과 일치하는 파일 이름의 번호 목록)하고 전체를 코드 블록으로 응답에 붙여넣고 참조 파일과 저장할 디렉토리를 함께 제공합니다. (references/images-chatgpt.md) - InDesign:
python $SKILL/scripts/indesign.py <atelier> declinaisons(각 변형은charte.json에 나열, 차트는 이를 통합) 또는 단일 모듈 (charte,carte-visite,entete,enveloppe,kakemono,badge). 출력:.indd+ IDML + HD PDF + 인쇄용 PDF (변환 없이 RGB, 재단선 포함) + PNG 미리보기. 글꼴은 "Document fonts" 폴더에 저장됩니다. (references/indesign.md,references/structure-charte.md,references/declinaisons.md) - 자체 검토:
python $SKILL/scripts/planche.py <atelier> [module]실행 후 제어 보드 확인: 로고 존재 여부, 텍스트 잘림, 빈 페이지, 남은 "추가 필요" 항목. InDesign 보고서는 넘침, 누락된 글꼴, 예상 이미지를 알려줍니다. 수정 후 다시 실행합니다 (스크립트는 재실행 가능). - 이미지 도착: 예정된 이름으로
IMAGES-CHATGPT/에 넣고indesign.py를 다시 실행하면 자체 프레임에 자동으로 배치됩니다. - 승인된 시각 자료 재현 (ChatGPT가 그린 명함, 전단지…): 벡터 인쇄용 PDF로 픽셀 단위까지 정확하게 재현하고 오버레이로 제어합니다. (
references/fidelite-apercu.md) - 납품:
LIVRABLES/디렉토리 정리,<Marque>_<objet>-<variante>.<ext>이름 규칙, ZIP 키트, 단일 HD PDF (10월 24일 지침에 따라 경량 버전 없음), 클라이언트 메시지 및 인쇄소 지침 (BAT) 포함. (references/livraison.md) - 학습:
JOURNAL.md에 문제가 있었던 사항과 해결 방법을 기록합니다 (그리고 스킬을 수정합니다).
변경 불가 규칙
- 단일 진실 파일:
charte.json. JSON을 수정한 후 재생성하며, 역순은 절대 안 됩니다. - 무엇보다 편집 가능: 모든 텍스트는 명명된 단락 스타일이 있는 실제 InDesign 텍스트입니다. RGB로 명명된 색상 견본 " ". 레이어는 "01 — 배경", "02 — 로고 및 이미지", "03 — 편집 가능한 텍스트"로 구성됩니다.
- 충실도: 클라이언트가 이미지를 승인하면 동일하게 재현합니다 (픽셀 단위 측정, 트레이싱, 폭 정렬된 글꼴). "재해석"하지 않으며 오버레이로 증명합니다.
- 공식 로고: 항상 팩의 파일을 사용합니다 (ChatGPT로 다시 그린 로고 사용 금지).
- 인쇄: 3mm 도련, 3-4mm 안전 여백, TrueType/OpenType 포함 글꼴 (Type 3 금지: 가변 글꼴 → 정적 인스턴스).
- 정확한 색상, CMYK 금지 (11월 4일 규칙): 견본, 병합 및 PDF는 RGB로 유지하며 변환하지 않습니다 (PDF/X-1a 또는 X-4 없음, CMYK용 Ghostscript 없음): CMYK는 Marque C의 승인된 파란색(#005EFB가 #435DB4로 표시됨)을 탁하게 만들었습니다. 납품 전에 각 PDF(pdftoppm)를 렌더링하고 지배적인 색상을 승인된 목업과 비교합니다: 최대 몇 포인트 차이. 차트의 CMYK 값은 인쇄소를 위한 참고용으로만 남깁니다.
- 형식: 명함 85 × 55mm (코트디부아르, 유럽) 별도 요청 없음, 차트 A4 가로.
- 서명 페이지 (11월 7일 규칙): 개성과 톤, 보호 영역, 최소 크기, 배경 위 로고, 금지 사항, 농도 및 비율, 롤업 배너는 절대 공통 모듈의 그림(모든 차트에서 동일하며 "저속하다"고 평가됨)으로 제공되지 않습니다. 각 클라이언트를 위해
INDESIGN/modules/charte.jsx에서 다시 디자인하며, 아이디어는 해당 업종에서 가져옵니다. (references/structure-charte.md, Marque D 예시) - 사용자 동의 없이 클라이언트나 인쇄소에 아무것도 보내지 않습니다.
- 기생 윤곽선 금지: InDesign 스크립트에서
strokeColor = Aucune전에 선 두께를 0으로 설정합니다 (그렇지 않으면 모든 프레임에 1pt 검정 선이 생깁니다). 80dpi로 미리보기를 다시 확인합니다. - 텍스트는 세련된 프랑스어로 표시됩니다 (악센트, "; : ? !" 앞에 줄 바꿈 없는 공백), 전문 용어 금지.
도구 (scripts/)
| 스크립트 | 역할 |
|---|---|
nouveau_projet.py | 클라이언트 디렉토리에 charte-graphique/ 워크샵 생성 |
vectoriser.py | PNG/JPG → 색상별 깔끔한 SVG (자동 또는 강제 팔레트, 시각적 제어) |
palette.py | 팔레트 완성: RGB, CMYK FOGRA39, 농도, WCAG 대비 |
polices.py | 가변 글꼴의 정적 인스턴스, 설치된 글꼴 복사 |
logos.py | 5가지 버전 × 4가지 형식의 로고 팩 + 내부 변형 |
indesign.py | InDesign에서 차트 및 변형 생성 (+ IDML, PDF, 미리보기) |
planche.py | 생성된 페이지 검토용 보드 |
indesign/lib.jsx | InDesign 라이브러리 (문서, 색상 견본, 스타일, 직사각형, 텍스트, 로고, 이미지, 치수, 목차…) |
indesign/<module>.jsx | 파일당 하나의 문서: charte, carte-visite, entete, enveloppe, kakemono, badge |
새로운 지원 (전단지, 브로셔, 디플로마, 사인물…)을 추가하려면: 유사한 모듈을 복사하고 페이지를 조정한 후 indesign.py의 MODULES와 charte.json → declinaisons에 추가합니다. (references/declinaisons.md)