# Cegid, Kit de marque (système interne), source de vérité pour la génération de documents > Lu par Claude au début d'une génération de deck/document. > Encode le **système de marque interne Cegid** (Brand Portal) : expressif, énergique, centré sur les gens, tout en restant ancré dans l'identité Cegid. > **Usage type :** « Produis ce deck en **DA Cegid**, **template N**, voici mon contenu : … » --- ## ⚠️ Règles absolues (toute génération en DA Cegid) 1. **Logo `cegid` sur CHAQUE slide, toujours en BAS À GAUCHE**, quoi qu'il arrive (positif sur fond clair, blanc sur fond sombre/texture). Répétition systématique, jamais d'exception. 2. **JAMAIS de tiret cadratin « — » (em-dash), nulle part, jamais** : ni en milieu de phrase, ni ailleurs. Le remplacer par une virgule, un deux-points, une parenthèse ou un point. Idem pour le tiret demi-cadratin « – » en incise. (Les traits d'union normaux dans les mots composés restent OK.) ## 0. L'idée directrice (stratégie) **Tagline : « Own what's next. »** (à utiliser toujours avec le nom/logo Cegid, jamais seule, avec parcimonie.) Récit de marque : dans un monde incertain, nos clients ne subissent pas le changement, ils **le maîtrisent**. « **Own** » = maîtriser, mener, être aux commandes. « **What's next** » = régulations mouvantes, accélération de l'IA, opportunités de marché. Cegid est le partenaire qui construit cette maîtrise **avec** eux (expertise, maîtrise du risque, intelligence des équipes amplifiée par l'IA). Registre : conviction, confiance, agilité, certitude, premium mais humain. *(On croise aussi la ligne « Make more possible. » utilisée comme headline expressive.)* **Feel visuel** : expressif, énergique, people-focused. Bleu tonal profond + une étincelle de couleur secondaire, grands titres serif, textures fluides, dégradés. --- ## 1. Couleurs ### Palette primaire (tonale, tout est bleu) | Nom | Hex | Rôle | |---|---|---| | **Cegid Blue** | `#2962FF` | Couleur cœur, **domine (~75 %)**. Aplats, titres accent, CTA, dataviz par défaut. | | **Cegid Navy** | `#022341` | Fonds premium/sombres, texte principal (« Cegid Dark Blue »), profondeur. | | **Cegid Light Blue** | `#CCE9FF` | Aplats clairs, containers, respirations. | | **White** | `#FFFFFF` | Fond clair par défaut. | ### Tons primaires (par paires, pour les containers) Navy `#022341` + **Navy Mid** `#06325A` · Light Blue `#CCE9FF` + **Light Blue Mid** `#E5F4FF`. *Un ton ne s'emploie qu'avec sa version plus foncée (similarité tonale).* ### Palette digitale (interfaces / fonds subtils) Light Grey `#F7F6F5` · Dark Grey `#EBEBEB` · Lightest Blue `#F0F9FF` · Navy 68 % ≈ `#53697E` · Navy 24 % ≈ `#C2CAD1`. ### Palette secondaire (VIBRANTE, accent parcimonieux) Chaque teinte a une version claire (vibrante) et foncée (mutée). **Usages : textures secondaires · surligner data & pictos · boutons CTA · contraste en dataviz.** | | Clair | Foncé | |---|---|---| | Orange | `#FEA483` | `#E86602` | | Purple | `#B89EFB` | `#6A3DC5` | | Turquoise | `#94F1FA` | `#147F97` | | Pink | `#F8B0E7` | `#C6219F` | ### Hiérarchie & règles - **Dominance : Cegid Blue > Navy > Light Blue > blanc/gris > secondaires (minimal).** Une slide = 1 accent secondaire maximum. - **Texte** : toujours **Cegid Navy (`#022341`)** ou **blanc**. Sur un fond accent secondaire → texte en Navy. Sur Navy → on peut poser du texte en couleur accent. - **Paires** : Blue ↔ White + Navy · Navy ↔ White + tous les accents · Light Blue ↔ White/Grey. - ⚠️ Le logo fourni en SVG est en `#0045FB` (bleu plus pur) ≠ Cegid Blue officiel `#2962FF`. Variantes recolorisées dans `assets/logos/` sur le vrai `#2962FF`. **À confirmer avec Thibauld quelle version est canonique.** --- ## 2. Typographie, STIX Two Text (serif) + Inter (sans) **Deux polices, toutes deux Google Fonts gratuites → embarquables librement.** - **Titres / headlines / citations : STIX Two Text** (serif, Regular & Italic). Véhicule autorité, crédibilité, confiance. **L'italique surligne les mots-clés à l'intérieur d'un titre** (mix regular/italic dans une même phrase, ex. « Solutions that fit your business. *Perfectly.* »). - **Corps / support / CTA / tags : Inter** (« Inter 18pt »). Clarté et modernité. Corps en Regular/Semibold, **CTA en Bold**, **Tags en Medium MAJUSCULES**. ### Échelle, Headlines (STIX Two Text) | Style | Taille | Line-height | Tracking | Casse | |---|---|---|---|---| | Display | 144 px | 90 % | −3 % | Normal | | Headline XL | 96 px | 95 % | −2 % | Normal | | Headline L | 80 px | 95 % | −1 % | Normal | | Headline M | 64 px | 100 % | −1 % | Normal | | Headline S | 48 px | 100 % | −1 % | Normal | *Défaut : tracking −2 %. Plus le titre est grand, plus l'interligne et le tracking se resserrent.* ### Échelle, Corps (Inter) | Style | Taille | Line-height | Tracking | |---|---|---|---| | Body L | 32 px | 120 % | −1 % | | Body M | 24 px | 120 % | −1 % | | Body S | 16 px | 120 % | −1 % | Poids : Regular & Semibold (branding primaire) ; Bold (CTA), Medium (tags) ; gamme étendue (Thin→Black) pour la composition créative. ### Emphase (3 niveaux, à monter progressivement) 1. **Italique** (STIX), emphase de base sur les mots-clés du titre. 2. **Couleur pleine**, l'italique dans une couleur secondaire (ex. rose sur « *the team* »). 3. **Dégradé**, dégradé dans le type (voir §3). ### Alignement & composition - **Ferré à gauche** quand il y a de l'info à transmettre. **Centré** pour les grands moments de marque / espace limité. - Composition créative (indentation, décalages d'alignement) : rythme éditorial, **avec parcimonie**, réservée aux moments forts. --- ## 3. Dégradés (signature) - **Dégradé de type** pour la profondeur/emphase, **angle 30°, split 50/50**. - **Sur fond blanc** : Cegid Navy → Cegid Blue (bold, premium). - **Sur fond Navy** : White → Cegid Blue (clarté/contraste). --- ## 4. Textures (signature expressive), FICHIERS FOURNIS Nappes fluides « aurora » sur 4 niveaux tonals de bleu = profondeur. **4 familles** (chacune a une intention) : | Famille | Fichier statique (`assets/backgrounds/`) | Animé (`assets/backgrounds/animated/` + `/animated-web/`) | Intention | |---|---|---|---| | **Innovation** | `texture-innovation-blue-master.png` (1920×1080), variantes turquoise | `texture-innovation-5s.mp4/.mov`, `-web` | énergie, nouveauté | | **Pulse** | `texture-pulse-turquoise-full3.png`, `-purple-full4.png` | `texture-pulse-5s`, `-web` | rythme, vitalité | | **Thinking** | `texture-thinking-blue-full5.png` + social | `texture-thinking-5s`, `-web` | réflexion, expertise | | **Transformation** | (animée surtout) | `texture-transformation-1s/4s/7s`, `-web-2s/4s` | changement, mouvement | - Versions **statiques** (fonds de slide/print) ; **animées** `.mp4/.mov` (deck vidéo, écran) + **`-web`** (compressées, web/HTML). Formats sociaux `-social-linkedin` (carrés) dispo. - **Emploi parcimonieux** : couverture, section, container « c », moment de marque, pas sur les slides de contenu chargées. On peut en glisser une **animée de temps en temps** (ouverture, transition, clôture). - Textures **secondaires** = mêmes nappes rehaussées d'une teinte secondaire (turquoise, violet…), 1 accent max. --- ## 5. Logo & symbole - **Wordmark « cegid »** : bas-de-casse, géométrique, bold, terminaisons **coupées droit** (pas d'arrondi), **jamais de dégradé à l'intérieur**. En Cegid Blue sur fond clair, en blanc sur fond Blue/Navy/texture. Fichiers : `assets/logos/cegid-logo-{blue,white,navy}.svg`. - **Symbole / favicon = le « c »**, **toujours dans un container squircle** (carré à coins arrondis, rayon dérivé du clear space). 4 combinaisons : « c » bleu sur blanc · « c » blanc sur bleu · « c » blanc sur texture · « c » texture sur Navy. Défaut web = container Cegid Blue + « c » blanc. - **Placement : toujours en bas à gauche, sur chaque slide** (règle absolue §haut). Clear space = largeur du « c ». Tailles mini 88 px (social) / 28 px (mobile). --- ## 6. Pictogrammes, 31 SVG FOURNIS (`assets/icons/pictograms/`) - Nommage `icon-{thème}-{sujet}-{blue|lightgradient|darkgradient}`. **Version `-blue.svg`** = vectorielle Cegid Blue (à recolorer librement) ; `-light/darkgradient.png` = version dégradé prête. - Thèmes disponibles : **confidence** (compliance, expertise, trust) · **expertises** (erp, finance, hr, payroll, retail) · **people** (augmenting, people-first, teamwork) · **performance** (growth, performance, success) · **security** (cybersecurity, data-protection, sovereignty) · **tech** (artificial-intelligence, innovation, technology, cloud) · **glocal** (global, partnership, ecosystem) · **customers** · **adaptability** · **resilience** · **pulse**. - Style : arrondi, organique, trait plein. ⚠️ *Thibauld les trouve peu expressifs / peu lisibles → il en enverra peut-être d'autres. En attendant on les utilise, dans un container squircle bleu ou en dégradé.* --- ## 7. Dataviz, DEUX approches (test complet : `templates/04_dataviz/dataviz-test.html`) **A. True to data** (précision, technique, « comprendre d'un coup d'œil ») - Marques en **dégradé Navy `#022341` → Cegid Blue `#2962FF` → light `#7BA4FF`** ; piste/vide en gris clair `#E6ECF5` ; texte/chiffres en **Navy** (STIX serif pour les gros chiffres). Bouts arrondis, géométrie simple, cards squircle blanches. - Types validés : **donut %** · **barres** (labels % au-dessus) · **histogramme dense** (tendance) + gros stat · **jauge objectif** verticale (dot marqueur) · **jauge radiale à ticks** · **courbe lissée** (point mis en avant + pastille navy + pointillés). **B. Indicative** (expressif, « ressentir la différence ») - **La taille du container encode la valeur** (ex. container droit = 67 % de la hauteur du gauche). Gros chiffres **STIX serif en couleur secondaire** (rose `#F8B0E7`, violet `#B89EFB`, turquoise `#94F1FA`), labels Inter UPPERCASE, sur containers navy tintés `#0B3054`. - Se pose sur fond blanc, navy, ou **texture** (ex. jauge radiale sur texture innovation). Séries multiples → ordre : Blue → Orange → Purple → Turquoise → Pink → Navy. Un accent secondaire highlight LA valeur. **Principe transversal** : dès qu'il y a de la donnée chiffrée, la **montrer avec un graphique de la charte** (donut, barres, radial, courbe True to data) plutôt qu'un nombre nu, même sur un template non-dataviz. Un graphe discret + un chiffre-clé coloré vaut mieux qu'un chiffre seul. À doser (« pas beaucoup », un graphe par slide de data). **Une slide de data doit RACONTER, pas juste afficher** : ne pas jeter des chiffres dans un coin. Relier les données par des **liaisons visuelles** (flèches légendées, connecteurs, flux gauche→droite) pour qu'on lise la causalité ou la progression (ex. « marché → notre virage → nos résultats »). Distribuer les éléments sur toute la slide, chaque donnée = un maillon d'une histoire. --- ## 8. Ton de voix Cadre officiel (Brand Voice Guidelines) : « Voice matters, building our brand together, one message at a time. » - **Caractéristiques de voix** : 4 caractéristiques à doser selon message/audience/moment (⚠️ *les 4 noms exacts sont dans des captures TOV à fournir*). - **Content patterns** : 3 schémas de storytelling (titre / cas client / post social), flexibles, pas obligatoires (⚠️ *les 3 noms à fournir*). - **Tagline** : « Own what's next » toujours avec nom/logo, jamais seule, sparingly. - **Langues** : universel au-delà des langues ; principales EN / FR / PT / ES (nuances culturelles par langue). - Principes sûrs en attendant les détails : clair et direct, expert mais humain, orienté conviction/valeur, mots-clés mis en emphase (italique/couleur), titres nominaux sans point final sauf effet. --- ## 8bis. Narration (principe transversal, TOUS les templates) Ne jamais poser des éléments côte à côte sans lien. **Montrer les relations** : - **Ensembles** (les « trois X ») : numéroter (01, 02, 03) et **relier par un fil** (ligne pointillée) pour signifier un parcours structuré, pas des blocs épars. - **Séquences / causalité** : relier par des **flèches légendées** (« puis », « donc », « produit »), flux gauche→droite. - **Data** : flux connecté + graphes **annotés** (repères qui pointent les moments-clés), avant/après reliés par l'écart (voir §7). - Toujours conclure un enchaînement par le message / la prise de position qu'il sert. Objectif : chaque slide se lit comme un raisonnement, pas comme un catalogue. ## 9. Mise en page (rythme) - **Marges** ≥ 0.6" sur slide, beaucoup de respiration. - **Sandwich** : couverture + clôture sur **Navy** (ou texture) ; contenu sur **blanc** (ou Light Blue). - **Un motif répété** par deck (le titre serif en dégradé, ou le picto/chiffre en couleur secondaire). Pas de barre/filet décoratif pleine largeur, pas de fond beige. - Logo cegid **en bas à gauche sur chaque slide**, sans exception. --- ## 10. Templates (voir `templates/`) Chaque template = une **grammaire de composition** (patterns d'équilibrage), pas des slides à remplir. Fichiers **auto-contenus** (assets embarqués), régénérables via `build.py`. | Nom | Dossier | Registre | Emploi | |---|---|---|---| | **Template texturé** | `template-texture/` | Textures vibrantes plein cadre, titres à même la texture, containers flottants | Ouvertures, moments de marque, comm expressive | | **Template neutre** | `template-neutre/` | Fond blanc dominant + éléments colorés (secondaires), titres serif dégradé | Deck standard, contenu, présentation claire | | **Template premium** | `template-premium/` | Navy / texture sombre sur tout le deck, sobre, grands titres serif | Keynote, direction, vision, clôture | | **Template data** | `template-data/` | Blanc, dataviz au premier plan (True to data + Indicative) | Reporting, chiffres, résultats, analytics | « Utilise le **template premium** » → Claude ouvre `templates/template-premium/` et en reproduit la logique de composition avec le contenu fourni, en gardant tout auto-contenu.