rosby17/charte-graphique

Guía de estilo (método Roosevelt Mogo)

Se parte de un logotipo (o de una idea de logotipo) y se entrega una identidad completa: un archivo de marca único (charte.json), logotipos limpios en todos los formatos, una guía de estilo InDesign editable y todas las variantes listas para la imprenta. Todo se genera mediante scripts: se puede regenerar todo con un solo comando cuando el cliente cambia un color, un nombre o un número. Responde en el idioma del usuario.

La carpeta del skill se indica al cargar ("Directorio base"): la llamamos $SKILL a continuación. Python del skill: ~/.charte-graphique-venv/bin/python (creado por $SKILL/outils/installer.sh si falta). Requisitos: Adobe InDesign (2020 o superior), Google Chrome, poppler (pdftoppm, pdftops).

Antes de comenzar

1. Leer JOURNAL.md (lecciones de proyectos anteriores) y el seguimiento del proyecto si existe.
2. Localizar la carpeta del cliente (por ejemplo <CLIENTES>/<CLIENTE>/GRAFISMO/) y crear el taller: python $SKILL/scripts/nouveau_projet.py "<carpeta cliente>" --nom "<MARCA>" --nom-complet "…" --secteur "…" → charte-graphique/ con charte.json, BRIEF.md, sources/, logos/, polices/, IMAGES-CHATGPT/, INDESIGN/, LIVRABLES/, controle/.
3. No tocar nunca los documentos InDesign que el usuario tenga abiertos (los scripts abren sus propios archivos sin ventana).

Flujo de un proyecto

1. Brief: completar BRIEF.md según los mensajes, documentos y el sitio web del cliente. Lo que falte queda como "Por completar" en la guía: nunca se inventa una misión, una cifra, una dirección. Máximo 3 preguntas al cliente, luego se avanza. (BRIEF-MODELE.md)
2. Logotipo
   • Sin logotipo: 4 propuestas mediante prompts de ChatGPT (logotipos + mockups), elección del cliente, luego pasar al siguiente punto. Claude nunca genera imágenes por sí mismo. (references/logo-de-zero.md)
   • Logotipo aprobado en imagen (ChatGPT, JPG, captura): vectorizar fielmente: python $SKILL/scripts/vectoriser.py sources/logo.png -o logos/principal.svg --recadrer --marge 0.03 --controle controle/vecto.png luego MIRAR la lámina de control (original | vector | superposición). (references/vectorisation.md)
   • Logotipo existente en AI/SVG/PDF: retomarlo tal cual (SVG maestro por forma).
   • Formas a preparar en logos/: principal.svg (obligatorio), horizontal.svg, vertical.svg, symbole.svg según el logotipo, declaradas en charte.json → logos.formes.
3. Colores: nombres, roles, HEX en charte.json, luego python $SKILL/scripts/palette.py <taller> → RGB, CMYK indicativo (perfil Coated FOGRA39, solo escrito en la guía), tintes, contrastes. El Pantone nunca se inventa ("por confirmar"). (references/couleurs.md)
4. Tipografías: máximo 2 familias (títulos + texto) y una fuente ofimática. Archivos estáticos en polices/ (scripts/polices.py instancier|copier), licencia anotada. (references/typographie.md)
5. Pack de logotipos: python $SKILL/scripts/logos.py <taller> → LIVRABLES/01-LOGOS/{SVG,PDF,EPS,PNG}/ en color, negativo, blanco, negro, mono (+ variantes internas para InDesign).
6. Imágenes: escribir IMAGES-CHATGPT/prompt-chatgpt.txt (bloque CONTEXTO + lista numerada cuyos nombres de archivo = marcos IMG: de la guía) y pegarlo completo en la respuesta, en un bloque de código, con las referencias a adjuntar y la carpeta donde guardar. (references/images-chatgpt.md)
7. InDesign: python $SKILL/scripts/indesign.py <taller> declinaisons (cada variante listada en charte.json, luego la guía que las integra) o un módulo solo (charte, carte-visite, entete, enveloppe, kakemono, badge). Salida: .indd + IDML + PDF HD + PDF de impresión (RGB sin conversión, marcas de corte) + vistas previas PNG. Las fuentes se colocan en "Document fonts". (references/indesign.md, references/structure-charte.md, references/declinaisons.md)
8. Revisarse a sí mismo: python $SKILL/scripts/planche.py <taller> [module] luego REVISAR la lámina: logotipos presentes, textos cortados, páginas vacías, "Por completar" restantes. El informe de InDesign señala desbordamientos, fuentes faltantes, imágenes esperadas. Se corrige y se relanza (los scripts se pueden reejecutar).
9. Imágenes llegadas: depositarlas en IMAGES-CHATGPT/ con el nombre previsto y relanzar indesign.py: se colocan solas en sus marcos.
10. Visual aprobado a reproducir (tarjeta dibujada por ChatGPT, volante…): rehacerlo píxel por píxel en PDF de impresión vectorial, controlado por superposición. (references/fidelite-apercu.md)
11. Entrega: LIVRABLES/ ordenado, nombrado <Marca>_<objeto>-<variante>.<ext>, kit ZIP, UN SOLO PDF HD (sin versión ligera, instrucción del 24/10), mensaje al cliente e instrucciones para la imprenta (BAT). (references/livraison.md)
12. Aprender: anotar en JOURNAL.md lo que falló y la corrección (y corregir el skill).

Reglas inamovibles

• Un solo archivo de verdad: charte.json. Se modifica el JSON y luego se regenera, nunca al revés.
• Editable ante todo: cada texto es un texto real de InDesign con un estilo de párrafo nombrado; matices nombrados " " en RGB; capas "01 — Fondos", "02 — Logotipos e imágenes", "03 — Textos editables".
• Fidelidad: cuando el cliente ha aprobado una imagen, se reproduce idéntica (medidas al píxel, calco, fuentes ajustadas al ancho), no se "reinterpreta". Se demuestra con una superposición.
• Logotipos oficiales: siempre se colocan los archivos del pack (nunca un logotipo redibujado por ChatGPT).
• Impresión: sangrado 3 mm, márgenes de seguridad 3-4 mm, fuentes incrustadas en TrueType/OpenType (nunca Tipo 3: fuentes variables → instancias estáticas).
• Colores exactos, nunca CMYK (regla del 04/11): matices, fusión y PDF se mantienen en RGB, sin conversión (no PDF/X-1a ni X-4, no Ghostscript en CMYK): el CMYK empañaba el azul aprobado de Marca C (#005EFB mostraba #435DB4). Antes de entregar, renderizar cada PDF (pdftoppm) y comparar sus colores dominantes con la maqueta aprobada: desviación de como máximo unos pocos puntos. Los valores CMYK de la guía son solo una indicación para la imprenta.
• Formatos: tarjeta de visita 85 × 55 mm (Costa de Marfil, Europa) salvo solicitud; guía horizontal A4.
• Páginas de firma (regla del 07/11): personalidad y tono, zona de protección, tamaños mínimos, logotipo sobre fondos, usos prohibidos, matices y proporciones, así como el roll-up, NUNCA se entregan con el dibujo del módulo común (el mismo en todas nuestras guías, considerado "vulgar"): se rediseñan para cada cliente en INDESIGN/modules/charte.jsx, idea extraída de su oficio. (references/structure-charte.md, ejemplo Marca D)
• Nada se envía al cliente ni a la imprenta sin la aprobación del usuario.
• Sin contorno parásito: en un script de InDesign, grosor del trazo a 0 ANTES de strokeColor = Aucune (de lo contrario, filete negro de 1 pt en todos los marcos). Releer las vistas previas a 80 dpi.
• Textos visibles en español cuidado (tildes, espacios de no división antes de ": ; ? !"), nunca jerga.

Las herramientas (scripts/)

Script	Función
nouveau_projet.py	crea el taller charte-graphique/ en la carpeta del cliente
vectoriser.py	PNG/JPG → SVG limpio por color (paleta automática o impuesta, control visual)
palette.py	completa la paleta: RGB, CMYK FOGRA39, tintes, contrastes WCAG
polices.py	instancias estáticas de una fuente variable, copia de fuentes instaladas
logos.py	pack de logotipos 5 versiones × 4 formatos + variantes internas
indesign.py	genera guía y variantes en InDesign (+ IDML, PDF, vistas previas)
planche.py	lámina de revisión de las páginas generadas
indesign/lib.jsx	biblioteca InDesign (documento, muestrario, estilos, rect, texto, logotipo, imagen, cotas, sumario…)
indesign/<module>.jsx	un documento por archivo: charte, carte-visite, entete, enveloppe, kakemono, badge

Para agregar un soporte (volante, tríptico, diploma, señalética…): copiar un módulo cercano, adaptar la página, agregarlo a MODULES en indesign.py y a charte.json → declinaisons. (references/declinaisons.md)