charte-graphique

Guia de estilo (método Roosevelt Mogo)

Partimos de um logotipo (ou de uma ideia de logotipo) e entregamos uma identidade completa: um arquivo de marca único (charte.json), logotipos prontos em todos os formatos, uma guia de estilo InDesign editável e todas as variações prontas para o impressor. Tudo é gerado por script: podemos refazer tudo em um único comando quando o cliente alterar uma cor, um nome ou um número. Responda no idioma do usuário.

A pasta da skill é informada no carregamento ("Base directory"): chamamos de $SKILL abaixo. Python da skill: ~/.charte-graphique-venv/bin/python (criado por $SKILL/outils/installer.sh se estiver faltando). Pré-requisitos: Adobe InDesign (2020 ou mais recente), Google Chrome, poppler (pdftoppm, pdftops).

Antes de começar

1. Leia JOURNAL.md (lições de projetos anteriores) e o acompanhamento do projeto, se existir.
2. Localize a pasta do cliente (por exemplo <CLIENTS>/<CLIENT>/GRAPHISME/) e crie o workspace: python $SKILL/scripts/nouveau_projet.py "<pasta do cliente>" --nome "<MARCA>" --nome-completo "…" --setor "…" → charte-graphique/ com charte.json, BRIEF.md, sources/, logos/, polices/, IMAGES-CHATGPT/, INDESIGN/, LIVRABLES/, controle/.
3. Nunca toque nos documentos InDesign que o usuário abriu (os scripts abrem seus próprios arquivos sem janela).

Roteiro de um projeto

1. Brief: preencher BRIEF.md com base nas mensagens, documentos e site do cliente. O que faltar permanece "A completar" na guia: nunca inventamos uma missão, um número ou um endereço. No máximo 3 perguntas ao cliente, depois seguimos em frente. (BRIEF-MODELE.md)
2. Logotipo
   • Sem logotipo: 4 opções via prompts ChatGPT (logotipos + aplicações), escolha do cliente, depois passamos ao próximo ponto. Claude nunca gera imagens por si só. (references/logo-de-zero.md)
   • Logotipo validado em imagem (ChatGPT, JPG, captura de tela): vetorizar fielmente: python $SKILL/scripts/vectoriser.py sources/logo.png -o logos/principal.svg --recadrer --margem 0.03 --controle controle/vecto.png depois OLHAR a prancha de controle (original | vetor | sobreposição). (references/vectorisation.md)
   • Logotipo existente em AI/SVG/PDF: aproveitá-lo como está (SVG mestre por forma).
   • Formas a preparar em logos/: principal.svg (obrigatório), horizontal.svg, vertical.svg, simbolo.svg conforme o logotipo, declaradas em charte.json → logos.formas.
3. Cores: nomes, funções, HEX em charte.json, depois python $SKILL/scripts/palette.py <workspace> → RGB, CMYK indicativo (perfil Coated FOGRA39, apenas escrito na guia), matizes, contrastes. O Pantone nunca é inventado ("a confirmar"). (references/couleurs.md)
4. Tipografias: no máximo 2 famílias (títulos + texto) e uma fonte bureau. Arquivos estáticos em polices/ (scripts/polices.py instanciar|copiar), licença anotada. (references/typographie.md)
5. Pacote de logotipos: python $SKILL/scripts/logos.py <workspace> → LIVRABLES/01-LOGOS/{SVG,PDF,EPS,PNG}/ nas versões colorida, negativa, branca, preta, monocromática (+ variantes internas para InDesign).
6. Imagens: escrever IMAGES-CHATGPT/prompt-chatgpt.txt (bloco CONTEXTO + lista numerada cujos nomes dos arquivos = quadros IMG: da guia) e colá-lo inteiro na resposta, em um bloco de código, com as referências a anexar e a pasta onde salvar. (references/images-chatgpt.md)
7. InDesign: python $SKILL/scripts/indesign.py <workspace> variacoes (cada variação listada em charte.json, depois a guia que as integra) ou um módulo isolado (guia, cartao-visita, timbrado, envelope, banner, cracha). Saída: .indd + IDML + PDF HD + PDF de impressão (RGB sem conversão, marcas de corte) + pré-visualizações PNG. As fontes vão para "Document fonts". (references/indesign.md, references/structure-charte.md, references/declinaisons.md)
8. Revisar você mesmo: python $SKILL/scripts/planche.py <workspace> [modulo] depois OLHAR a prancha: logotipos presentes, textos cortados, páginas vazias, "A completar" restantes. O relatório do InDesign sinaliza estouros, fontes ausentes, imagens esperadas. Corrige e executa novamente (os scripts são reexecutáveis).
9. Imagens recebidas: colocá-las em IMAGES-CHATGPT/ com o nome previsto e executar indesign.py novamente: elas se posicionam sozinhas em seus quadros.
10. Layout validado a reproduzir (cartão desenhado pelo ChatGPT, flyer…): refazê-lo pixel a pixel em PDF de impressão vetorial, controlado por sobreposição. (references/fidelite-apercu.md)
11. Entrega: LIVRABLES/ organizado, nomeado <Marca>_<objeto>-<variante>.<ext>, kit ZIP, UM ÚNICO PDF HD (sem versão leve, regra de 24/10), mensagem ao cliente e instruções ao impressor (BAT). (references/livraison.md)
12. Aprender: anotar em JOURNAL.md o que travou e a correção (e corrigir a skill).

Regras imutáveis

• Único arquivo de verdade: charte.json. Modificamos o JSON e depois regeneramos, nunca o contrário.
• Editável acima de tudo: cada texto é um texto InDesign real com um estilo de parágrafo nomeado; amostras nomeadas " " em RGB; camadas "01 — Fundos", "02 — Logotipos e imagens", "03 — Textos editáveis".
• Fidelidade: quando o cliente validou uma imagem, reproduzimo-la idêntica (medições em pixel, decalque, fontes ajustadas em largura), não a "reinterpretamos". Provamos isso por sobreposição.
• Logotipos oficiais: sempre colocamos os arquivos do pacote (nunca um logotipo redesenhado pelo ChatGPT).
• Impressão: sangria de 3 mm, margens de segurança 3-4 mm, fontes incorporadas em TrueType/OpenType (nunca Type 3: fontes variáveis → instâncias estáticas).
• Cores exatas, nunca CMYK (regra de 04/11): amostras, fusão e PDF permanecem em RGB, sem conversão (nada de PDF/X-1a nem X-4, nada de Ghostscript em CMYK): o CMYK tornava turvo o azul validado da Marca C (#005EFB exibido #435DB4). Antes de entregar, renderize cada PDF (pdftoppm) e compare suas cores dominantes com o layout validado: desvio de alguns pontos no máximo. Os valores CMYK da guia continuam sendo uma indicação para o impressor.
• Formatos: cartão de visita 85 × 55 mm (Costa do Marfim, Europa), salvo solicitação contrária; guia A4 paisagem.
• Páginas assinatura (regra de 07/11): personalidade e tom, zona de proteção, tamanhos mínimos, logotipo sobre fundos, usos proibidos, amostras e proporções, bem como o roll-up, NUNCA são entregues com o desenho do módulo comum (o mesmo em todas as nossas guias, considerado "vulgar"): redesenhá-los para cada cliente em INDESIGN/modules/guia.jsx, ideia tirada do seu ofício. (references/structure-charte.md, exemplo Marca D)
• Nada é enviado ao cliente nem ao impressor sem a aprovação do usuário.
• Sem contorno parasita: em um script InDesign, espessura do traço a 0 ANTES de strokeColor = Nenhuma (senão filete preto de 1 pt em todos os quadros). Reveja as pré-visualizações a 80 dpi.
• Textos visíveis em português cuidado (acentos, espaços inseparáveis antes de ": ; ? !"), nunca jargão.

As ferramentas (scripts/)

Script	Função
nouveau_projet.py	cria o workspace charte-graphique/ na pasta do cliente
vectoriser.py	PNG/JPG → SVG limpo por cor (paleta automática ou imposta, controle visual)
palette.py	completa a paleta: RGB, CMYK FOGRA39, matizes, contrastes WCAG
polices.py	instâncias estáticas de uma fonte variável, cópia de fontes instaladas
logos.py	pacote de logotipos 5 versões × 4 formatos + variantes internas
indesign.py	gera guia e variações no InDesign (+ IDML, PDF, pré-visualizações)
planche.py	prancha de revisão das páginas geradas
indesign/lib.jsx	biblioteca InDesign (documento, amostras, estilos, retângulo, texto, logotipo, imagem, cotas, sumário…)
indesign/<modulo>.jsx	um documento por arquivo: guia, cartao-visita, timbrado, envelope, banner, cracha

Para adicionar um suporte (flyer, folder, diploma, sinalização…): copie um módulo próximo, adapte a página, adicione-o a MODULES em indesign.py e a charte.json → variacoes. (references/declinaisons.md)