Charte graphique — KySpectra

#1. Objet, portée et autorité du document

#1.1 Ce que ce document décide

Cette charte fixe les règles visuelles de la marque KySpectra, éditée par Kyrieva : construction du logo, palette, typographie, iconographie, diagrammes, mise en page, application aux supports et exigences d'accessibilité. Elle s'applique à tout ce qui porte le nom du produit : portails web, documents du dossier de lancement, présentations, réseaux sociaux, imprimés, signatures de courriel.

Elle est écrite pour être exécutable par une personne comme par un agent. Chaque règle est vérifiable : une valeur hexadécimale, un ratio de contraste calculé, un chemin SVG exact, un seuil en pixels ou en millimètres.

#1.2 Portée

#1.3 Autorité et résolution des conflits

Le 00-brief-commun.md fait autorité. En cas de contradiction entre la présente charte et le brief commun — orthographe de la marque, slogans, palette, typographie, statuts, ton, standards de fichiers — le brief gagne, et cette charte doit être corrigée dans la même journée ouvrable.

En cas de contradiction entre cette charte et un fichier SVG livré dans 08-assets/logos/, le fichier gagne : les valeurs géométriques de la section 3 sont une transcription des fichiers, pas une intention. Toute divergence constatée est un défaut de ce document, à corriger ici.

En cas de contradiction entre cette charte et le code d'interface (frontend/packages/design-system/src/tokens.ts), le code gagne pour les jetons de couleur — cette charte en est le reflet documentaire. Les règles d'usage (quand employer le violet, quelle graisse pour un sous-titre) restent, elles, décidées ici.

#1.4 Vocabulaire de cette charte

---

#2. Concept d'identité — le prisme

#2.1 Le récit en trois temps

Premier temps — le périmètre. L'hexagone régulier est fermé. Il délimite un espace gouverné : un locataire, son projet, ses données, ses agents. Rien n'entre et rien ne sort sans passer par une arête. C'est la traduction graphique de l'étanchéité entre clients, qui dans le produit répond 404 plutôt que 403 quand un identifiant de locataire ne correspond pas au jeton — on ne révèle pas l'existence de la ressource d'autrui. Six côtés, six arêtes, six maillons : comprendre, spécifier, concevoir, fabriquer, vérifier, livrer.

Deuxième temps — l'axe. Le trait vertical traverse l'hexagone de part en part. Il ne s'arrête pas au centre, il ne s'interrompt pas. C'est la chaîne continue intention → production. Sa couleur est le bleu le plus profond de la palette, #0a4fa0 : l'axe est la partie la plus stable du système, celle qui ne bouge pas quand tout le reste change. Il est dessiné en premier dans la lecture, avant les branches, parce que la spécification précède l'exécution.

Troisième temps — la bifurcation. Deux branches partent d'un seul point, exactement au centre de l'axe. La gauche, en Ocean #0f6fde, est la voie humaine. La droite, en violet #7c5cfc, est la voie agentique. Elles divergent, mais elles partent du même point de spécification et restent à l'intérieur du même périmètre. C'est la thèse du produit en une image : l'agent n'est pas un canal parallèle et opaque, c'est une branche de la même chaîne, tracée à partir de la même exigence, contenue par la même gouvernance.

#2.2 Lien avec la vision

La vision du produit tient en une phrase : plus aucune ligne de code orpheline de son intention. Le symbole la dessine littéralement. Aucune branche ne flotte librement : chacune est rattachée à l'axe, et l'axe traverse le périmètre. Il n'existe, dans tout le tracé, aucun segment qui ne soit relié à un autre. Un trait détaché serait, dans notre grammaire, exactement ce que nous combattons : du code sans exigence de rattachement.

C'est la raison pour laquelle la règle 11 de la section 5 interdit de séparer les branches du symbole. Ce n'est pas une coquetterie de designer, c'est une cohérence de discours.

#2.3 Pourquoi le violet, et seulement là

Le violet #7c5cfc est, dans tout le système, le marqueur de provenance IA : il signale ce qui vient d'un agent, et rien d'autre. Le logo en contient une occurrence unique — la branche droite — et cette occurrence n'est pas décorative : elle désigne précisément l'agent. C'est la seule dérogation tolérée au principe « le violet n'est jamais une couleur d'ornement », parce qu'ici il conserve exactement sa fonction sémantique.

Conséquence pratique : dans une composition où le logo côtoie une interface, la présence de violet dans le logo ne légitime pas l'emploi du violet ailleurs dans la composition. Voir §6.4.

#2.4 Ce que le symbole n'est pas

---

#3. Construction du logo

#3.1 Le symbole — géométrie exacte

Le prisme est tracé dans une boîte carrée de 64 × 64 unités, centre en (32, 32).

Chemin exact du périmètre, à ne jamais retracer à la main :

M32 6 L54.52 19 L54.52 45 L32 58 L9.48 45 L9.48 19 Z

Les trois traits internes :

Propriétés géométriques à connaître avant toute retouche :

• L'axe est symétrique : il s'arrête à 8 unités du sommet supérieur (y = 14 contre y = 6) et à 8 unités du sommet inférieur (y = 50 contre y = 58).
• Chaque branche mesure exactement la moitié de l'axe (18 contre 36), et exactement la moitié supérieure de l'axe (de y = 32 à y = 14, soit 18).
• Les branches montent à 30° au-dessus de l'horizontale, donc à 60° de l'axe vertical, et sont donc distantes de 120° l'une de l'autre.
• Les deux branches partent du centre géométrique exact (32, 32), c'est-à-dire du milieu de l'axe. La bifurcation est au milieu de la chaîne, pas à son début ni à sa fin.
• Aucune extrémité de branche ne touche une arête de l'hexagone : la pointe (16,41 ; 23) reste à l'intérieur.

Attributs de tracé, identiques pour les quatre chemins :

#3.2 L'unité de mesure x

Toute la construction se lit en x = 4 unités de la grille de 64, c'est-à-dire un seizième du côté de la boîte. Cette valeur n'est pas arbitraire : elle correspond à l'espacement de base de 4 px du design system, ce qui permet d'aligner le logo sur le rythme vertical de l'interface sans arrondi.

#3.3 Zone de protection

Règle : le vide autour du logo est au moins égal à la demi-hauteur de l'hexagone, soit 26 unités = 6,5 x = 50 % de la hauteur de l'hexagone.

Ce vide se mesure depuis la boîte englobante de l'ensemble du verrouillage (symbole + mot-symbole + ligne descriptive), pas depuis le seul symbole. Rien n'y pénètre : ni texte, ni filet, ni bord de page, ni photographie, ni un autre logo, ni un badge de magasin d'applications.

Quand deux logos cohabitent (co-marquage, partenariat, mention « par Kyrieva »), la zone de protection s'applique de part et d'autre, et le séparateur éventuel est un filet vertical de 1 px en #e2e8f2 (thème clair) ou #24304a (thème sombre), centré dans l'espace libre.

#3.4 Les verrouillages — valeurs exactes

Verrouillage horizontal — logo-horizontal.svg, viewBox 0 0 320 80

Logo principal — logo-principal.svg, viewBox 0 0 440 120

Verrouillage vertical — logo-vertical.svg, viewBox 0 0 260 200

Symbole seul — logo-symbole-seul.svg, viewBox 0 0 64 64 — le symbole à l'échelle 1, sans transformation, fond blanc explicite.

Favicon — favicon.svg, viewBox 0 0 32 32 — construction différente, assumée :

#3.5 Le mot-symbole

La coupure bicolore se situe entre le y et le S. Elle n'est pas une césure typographique : le mot reste un mot unique, sans espace, sans trait d'union, sans capitale interne supplémentaire.

#3.6 Tailles minimales

Écran (largeur totale du fichier rendu, en pixels CSS) :

Règle de bascule : en dessous de 24 px, on emploie le favicon, pas le symbole filaire. En dessous de 280 px de large, on emploie le verrouillage horizontal, pas le logo principal.

Impression (largeur totale, en millimètres, à 300 ppp) :

#3.7 Inventaire des sept fichiers livrés

Les sept fichiers portent role="img", un <title> et un <desc>, n'appellent aucune ressource externe, et déclarent leur fond en <rect id="fond">.

---

#4. Variantes et règles de choix

#4.1 Arbre de décision

#4.2 Version couleur sur fond sombre — état réel

Les trois verrouillages en couleur (logo-principal, logo-horizontal, logo-vertical) contiennent un fond blanc opaque déclaré en dur (<rect id="fond" … fill="#ffffff"/>). Ils ne peuvent donc pas être posés directement sur un fond sombre : le rectangle blanc resterait visible.

Sur fond sombre, on emploie logo-monochrome-clair.svg. Une version couleur adaptée au fond sombre — mot-symbole Ky en #3b8ef0, Spectra en #e8edf6, branches en #3b8ef0 et #9b85ff — est ⚪ Planifiée et consignée au journal des écarts (§16). Tant qu'elle n'existe pas, aucune improvisation en recolorant un fichier existant.

#4.3 Monochrome — règles

#4.4 Pose sur photographie

1. La photographie doit être calme dans la zone du logo : pas de motif à haute fréquence, pas de visage, pas de texte imprimé.
2. Le contraste entre l'encre choisie et la moyenne locale de l'image doit atteindre au moins 4,5:1, mesuré sur la zone effectivement recouverte.
3. Si la condition 1 ou 2 n'est pas remplie, on pose une plaque unie : #ffffff ou #0b1220, rayon 12 px, avec une marge intérieure d'au moins une zone de protection complète.
4. Jamais de voile dégradé, de flou d'arrière-plan localisé, ni d'ombre portée pour « détacher » le logo.

#4.5 Avatar carré

Le mot-symbole n'entre jamais dans un avatar carré : il devient illisible et la marque se lit alors mieux par la forme du prisme.

---

#5. Usages interdits du logo

Ces douze interdits sont opposables. Un support qui en enfreint un ne sort pas.

1. Déformer. Aucune homothétie non uniforme : la largeur et la hauteur se modifient toujours du même facteur. Aucun étirement, aucun aplatissement, aucune correction de perspective.
2. Recolorer hors palette. Les quatre couleurs du symbole (#0f6fde, #0a4fa0, #7c5cfc) et les deux du mot-symbole (#0f6fde, #0e1729) sont fixes. Les seules substitutions permises sont les encres monochromes du §4.3.
3. Ajouter une ombre portée, une lueur, un biseau, un reflet, un dégradé, une texture, un effet de verre ou de métal. Le logo est plat, sans exception.
4. Contourner. Aucun contour ajouté autour du symbole ou du mot-symbole pour le « détacher » d'un fond. On emploie une plaque unie (§4.4).
5. Incliner ou faire pivoter. Le logo reste horizontal. Aucune rotation, même de quelques degrés, même « pour le dynamisme ».
6. Remplacer la police du mot-symbole. Space Grotesk 700 uniquement. Une recomposition dans une autre police n'est pas le logo, c'est du texte.
7. Écrire SPECTRA seul. SPECTRA est un nom de code interne. Il ne paraît jamais en public, ni dans un logo, ni dans une interface, ni dans un document externe.
8. Ajouter ™, ®, © ou toute mention de dépôt au logo, tant que le propriétaire n'a pas confirmé un enregistrement effectif.
9. Poser sur une photographie chargée sans plaque. Voir §4.4 — la condition de contraste local de 4,5:1 n'est pas négociable.
10. Recréer l'hexagone à la main. On ne redessine jamais le prisme dans un outil de dessin ni dans un composant d'interface : on importe le chemin exact du §3.1. Une reconstruction approximative introduit des sommets non réguliers et des angles de branche faux.
11. Séparer les branches du symbole. Les trois traits internes et le périmètre forment un tout. On n'extrait pas la branche violette comme motif décoratif, on ne supprime pas l'axe, on n'ajoute pas de quatrième trait.
12. Traduire le mot-symbole. « KySpectra » est identique en français, en anglais et dans toute autre langue. Seule la ligne descriptive se traduit — « AGENTIC SDD/SDLC PLATFORM » — et uniquement dans une version anglaise dédiée.
13. Encadrer le logo dans un cartouche, une pastille, un hexagone secondaire ou une forme d'appui non prévue par cette charte.
14. Animer le logo par morphing de la forme hexagonale. Les seules animations tolérées sont une apparition en opacité de 200 ms et un déplacement de position ; le tracé lui-même ne se déforme jamais.
15. Employer le logo comme puce, comme séparateur de paragraphe, comme motif répété en trame, ou comme fond d'écran à faible opacité en dehors du filigrane défini au §4.1.
16. Combiner le logo avec un autre symbole pour former un signe composite, y compris avec le logo Kyrieva. L'attribution s'écrit en toutes lettres : « KySpectra, par Kyrieva ».

---

#6. Palette complète

#6.1 Thème clair — valeurs et contrastes

Notation des colonnes de contraste : W = sur #ffffff · P = sur #f7f9fc (fond de page) · T = sur #0e1729 (texte principal). Verdicts : AAA ≥ 7 · AA ≥ 4,5 · AA large ≥ 3 et < 4,5 · insuffisant < 3.

Séries de graphiques 1 → 5 en thème clair : #0f6fde · #7c5cfc · #1fa971 · #c98a1f · #0e7490.

#6.2 Thème sombre — valeurs et contrastes

Notation : F = sur #0b1220 (fond) · S = sur #111a2b (surface) · T = sur #e8edf6 (texte).

Séries de graphiques 1 → 5 en thème sombre : #3b8ef0 · #9b85ff · #34d399 · #f0b429 · #22d3ee.

#6.3 Paires notables et garde-fous

#6.4 Règle stricte du violet

#7c5cfc (thème clair) et #9b85ff (thème sombre) sont réservés à un seul emploi : signaler qu'un contenu, une action ou une donnée provient d'un agent IA.

Cette contrainte a une conséquence directe sur les graphiques : la palette de séries place le violet en position 2, mais cette position n'est utilisable que si la deuxième série représente effectivement une grandeur d'origine agentique. Sinon, l'ordre devient #0f6fde · #1fa971 · #c98a1f · #0e7490, et le violet reste disponible pour une série agentique à n'importe quel rang.

---

#7. Couleurs de statut du dossier

Règles d'emploi :

1. La pastille émoji est obligatoire dans les documents Markdown du dossier — elle porte l'information pour qui ne perçoit pas la teinte.
2. Le mot du statut est toujours écrit. La couleur ne porte jamais l'information seule (§13.4).
3. Ces quatre couleurs ne servent pas de palette décorative : elles n'apparaissent que là où un statut est réellement communiqué.
4. Dans une interface produit, la pastille émoji est remplacée par un pictogramme filaire du jeu d'icônes (§9) — aucun emoji dans une interface produit.

---

#8. Typographie

#8.1 Les deux familles

Dans les fichiers SVG, la déclaration est exactement :

font-family="Space Grotesk, ui-sans-serif, system-ui, sans-serif"

Aucune police chargée depuis un CDN, dans aucun SVG, dans aucun document, dans aucun gabarit. Les SVG doivent rester autonomes (§14). Une police absente doit se replier proprement, pas casser le rendu.

#8.2 Échelle typographique

Toutes les valeurs d'interligne sont des multiples de 4 px, pour rester sur le rythme vertical (§11.3).

Au-delà de 32 px — affiches, diapositives de titre, bannières — l'échelle se prolonge par facteur 1,25 (40, 48, 60, 76 px), avec interligne resserré à 1,15 et interlettrage négatif de −0,5 à −1,5 %.

#8.3 Graisses autorisées

Les graisses 100, 200, 800 et 900 ne sont pas employées. L'italique n'est employé que pour une citation ou un titre d'ouvrage — jamais pour souligner une idée, ce que fait la graisse 600.

#8.4 Interlettrage et chasse

#8.5 Monospace — quand et comment

JetBrains Mono s'emploie pour ce qui doit se lire caractère par caractère :

Le monospace ne s'emploie jamais pour mettre un mot en valeur dans une phrase courante, ni pour un nom de produit, ni pour un nom de personne, ni pour un titre.

#8.6 Règles de casse

1. Aucune composition en tout-capitales au-delà d'une ligne, et uniquement pour une ligne descriptive, une étiquette de catégorie ou un en-tête de colonne. Un paragraphe en capitales est interdit.
2. Les titres sont en casse de phrase : première lettre en capitale, le reste en bas de casse. Pas de capitale à chaque mot.
3. KySpectra conserve sa capitale interne dans toutes les positions, y compris en début de phrase et dans un titre en capitales — où l'on écrit alors le mot en dehors de la capitalisation générale.
4. Les acronymes conservent leurs capitales : SDD, SDLC, RBAC, EARS, PRD, BPMN, TOGAF, QA.
5. Les noms de rôles s'écrivent en bas de casse dans le texte courant : « propriétaire », « éditeur », « publicateur », « administrateur », « lecteur ».
6. Une ligne en capitales porte toujours un interlettrage positif d'au moins +1,5 unité, faute de quoi elle devient illisible.

---

#9. Iconographie

#9.1 Contrat de dessin

#9.2 Règles d'emploi

1. Jamais un pictogramme rempli à côté d'un pictogramme filaire. Un même écran, un même document, une même barre d'outils emploient un seul style. Le mélange fait passer l'un pour un état sélectionné de l'autre.
2. Aucun emoji dans une interface produit. Les emojis sont réservés aux documents Markdown internes du dossier de lancement, où ils portent les pastilles de statut. Dans le produit, on emploie un pictogramme et un libellé.
3. Une icône n'est jamais seule pour porter une action destructrice ou irréversible : elle est accompagnée d'un libellé visible ou, à défaut, d'un texte accessible.
4. Pas d'icône décorative. Une icône qui n'apporte pas d'information est retirée. Si elle reste pour l'équilibre visuel, elle est marquée aria-hidden="true".
5. Couleur. Une icône prend la couleur du texte qu'elle accompagne. Les seules exceptions sont les couleurs de statut (§7) et le violet de provenance IA (§6.4).
6. Taille. 16, 20, 24 et 32 px. Une icône dessinée sur la grille 24 rendue à 16 px voit son trait passer à 1 px : dans ce cas, on emploie une variante simplifiée, pas une réduction brute.
7. Cohérence de métaphore. Un même concept garde le même pictogramme dans tout le produit et dans toute la documentation : une exigence, un agent, un déploiement, un journal d'audit ont chacun un signe unique.
8. Pas de pictogramme de marque tierce dans le jeu d'icônes du produit, sauf dans une page d'intégrations où le logo du tiers est employé selon sa propre charte.

#9.3 Le symbole comme pictogramme

Le prisme peut servir de marqueur « KySpectra » dans un diagramme ou une liste de systèmes. Dans ce cas :

• il est rendu à 20 ou 24 px, jamais moins ;
• il conserve ses quatre couleurs, ou passe en currentColor intégral ;
• il n'est pas redessiné sur la grille 24 : on emploie logo-symbole-seul.svg avec son fond rendu transparent par retrait du <rect id="fond">.

---

#10. Style de diagramme

#10.1 Contrat Mermaid — §13.4 du brief

#10.2 Sémantique des trois flèches

#10.3 Couleurs de séries dans un diagramme

#10.4 Règle « un diagramme = une idée »

Un diagramme porte une seule affirmation, énoncée dans la phrase qui le précède. S'il en porte deux, on en fait deux diagrammes. Seuils opposables :

#10.5 Exemple conforme

Lecture du choix des couleurs : le seul nœud violet est l'agent, conformément au §6.4. Le journal d'audit est atteint par des flèches d'observation -.->, jamais par un flux nominal.

---

#11. Mise en page

#11.1 Grille

Points de rupture : 640 px (mobile large), 768 px (tablette), 1 024 px (bureau), 1 280 px (bureau large), 1 536 px (grand écran).

#11.2 Largeur de ligne

Le texte courant se compose entre 60 et 75 caractères par ligne. À 16 px en Space Grotesk, cela place la colonne de lecture entre 560 et 720 px. En dessous de 45 caractères, la lecture saccade ; au-delà de 85, l'œil perd la ligne suivante.

#11.3 Rythme vertical

Correspondance des durées : 80 ms pour un changement d'état instantané (survol), 120 ms pour un basculement, 200 ms pour une apparition de panneau, 320 ms pour une transition de page, 480 ms uniquement pour une séquence pédagogique explicite.

Règle anti-défaut de défilement, reprise du référentiel de projet : overflow-hidden sur le conteneur parent, min-h-0 sur les enfants flexibles, shrink-0 sur les en-têtes et pieds fixes. Cette règle est structurelle et s'applique à toute mise en page à hauteur contrainte.

#11.4 Hiérarchie d'une page

1. Un seul H1 par page, en 32 px graisse 700.
2. Un chapeau de 18 px sous le H1, limité à trois lignes.
3. Les H2 sont précédés de 48 px d'espace et suivis de 16 px.
4. Un tableau vaut mieux qu'une liste à puces ; une liste à puces vaut mieux qu'un paragraphe.
5. Aucune cellule de tableau vide — on écrit —.

---

#12. Application aux supports

#12.1 Écran — portails

Écart connu à corriger avant le jour J : l'interface affiche encore common.appName = "SPECTRA" — voir §16.

#12.2 Réseaux sociaux

Statut du dossier 08-assets/social/ : 🟢 Livré — six fichiers SVG autonomes au 2026-08-17. Tous sont bâtis sur le fond sombre #0b1220, avec le symbole en #3b8ef0, l'axe en #ffffff et la branche d'agent en #9b85ff.

Règles communes : jamais de logo posé sur une photographie chargée sans plaque ; jamais de texte dans les 64 px de bord ; le slogan principal — « De l'intention au logiciel en production, gouverné. » — est toujours suivi de son explicatif quand la place le permet.

#12.3 Imprimé

Statut du dossier 08-assets/print/ : 🟢 Livré — cinq fichiers SVG autonomes au 2026-08-17. Chaque fichier est dimensionné en millimètres (width="…mm", viewBox à l'échelle 1 unité = 1 mm), fond perdu de 3 mm compris, trait de coupe en tirets et repères d'angle dans la zone perdue.

Contraintes techniques communes à tout imprimé :

Les tracés du code QR sont recopiés dans chaque fichier, jamais référencés : aucun de ces SVG ne dépend d'une ressource externe.

Le code QR livré, 08-assets/qr-kyspectradoc.svg, pointe vers la documentation publique. Il ne s'imprime jamais sous 20 × 20 mm, conserve une marge blanche d'au moins 4 modules et n'accueille aucun logo en son centre.

#12.4 Signature de courriel

Contraintes : aucune image de fond, aucune police distante, largeur totale ≤ 480 px, texte alternatif du logo = KySpectra, aucun suivi de lecture, aucune mention de confidentialité automatique en majuscules sur plus d'une ligne.

#12.5 Présentation

---

#13. Accessibilité

#13.1 Niveau visé

WCAG 2.1 niveau AA au minimum, sur toutes les surfaces. Les combinaisons du §6 sont fournies avec leurs ratios calculés précisément pour rendre ce contrôle mécanique. Toute combinaison non listée doit être calculée avant emploi, pas estimée à l'œil.

#13.2 Cibles de pointage

Toute cible interactive mesure au moins 44 × 44 px, y compris quand le dessin visible est plus petit — la zone active est alors étendue par un remplissage transparent. Deux cibles adjacentes sont séparées d'au moins 8 px.

#13.3 Anneau de focus

L'anneau de focus n'est jamais supprimé, ni remplacé par un simple changement de couleur de fond. Il reste visible sur tout fond, y compris à l'intérieur d'un bouton primaire — dans ce cas, un liseré intérieur de 1 px en #ffffff sépare l'anneau du bouton.

#13.4 Jamais la couleur seule

Une information n'est jamais portée par la seule teinte. Chaque signal combine au moins deux canaux parmi : couleur, forme, pictogramme, libellé, position, motif.

#13.5 Daltonisme

Le cas Ocean / violet. La paire #0f6fde / #7c5cfc est la plus chargée de sens du système : elle oppose l'humain et l'agent. Sous tritanopie, ces deux teintes deviennent difficiles à séparer. La distinction ne repose donc jamais sur la teinte. Elle repose sur :

1. la forme — un nœud agentique porte un contour, un nœud humain porte un fond plein ;
2. le libellé — le mot « agent » est écrit, toujours ;
3. le pictogramme — un signe d'agent distinct accompagne systématiquement le violet ;
4. la position — dans le logo, la branche agentique est toujours à droite.

Ce raisonnement vaut aussi pour le symbole : à quatre couleurs comme en monochrome, la lecture du prisme reste identique, parce que l'information est dans la géométrie, pas dans la teinte.

#13.6 Texte alternatif des SVG

Chaque SVG livré porte obligatoirement les trois éléments suivants :

Un aria-label complète le dispositif sur les sept fichiers livrés. Un SVG purement décoratif, à l'inverse, porte aria-hidden="true" et aucun <title>.

#13.7 Mouvement

Toute animation respecte prefers-reduced-motion: reduce : les transitions de position et d'échelle sont supprimées, seules subsistent les transitions d'opacité, ramenées à 80 ms. Aucun contenu ne clignote plus de trois fois par seconde.

---

#14. Contrat SVG autonome

#14.1 Les huit exigences

#14.2 Commandes de validation

Validation XML de tous les fichiers de logo, avec xmllint :

xmllint --noout Strategielancement/08-assets/logos/*.svg && echo "XML valide"

Équivalent PowerShell, sans dépendance externe :

Get-ChildItem Strategielancement\08-assets\logos\*.svg | ForEach-Object {
  try { [xml](Get-Content $_.FullName -Raw) | Out-Null; "OK   $($_.Name)" }
  catch { "ECHEC $($_.Name) : $($_.Exception.Message)" }
}

Contrôle d'absence de ressource externe :

rg -n "@import|@font-face|<script|<image|url\(http|xlink:href" Strategielancement/08-assets/logos/

Une sortie vide vaut succès. Contrôle de présence des attributs d'accessibilité :

rg -c "role=\"img\"|<title>|<desc>" Strategielancement/08-assets/logos/*.svg

Chaque fichier doit rapporter au moins 3.

#14.3 Ce qui est interdit dans un SVG livré

1. Une police appelée depuis un CDN ou un fichier local externe.
2. Un <script>, un <foreignObject>, un <iframe>.
3. Une image matricielle intégrée en base64 — sauf photographie explicitement voulue, ce qui n'arrive dans aucun fichier de marque.
4. Un filtre coûteux : feGaussianBlur, feDropShadow, filter: blur().
5. Un identifiant générique susceptible de collision quand plusieurs SVG cohabitent dans une même page (#a, #g1, #clip0). Nos identifiants sont explicites : fond.
6. Une valeur de couleur hors palette, y compris dans un commentaire.
7. Un width/height sans viewBox — le fichier deviendrait non redimensionnable.
8. Des métadonnées d'éditeur laissées par un outil de dessin.

---

#15. Do / Don't

---

#16. Journal des écarts connus et actions de pré-lancement

#16.1 Écarts ouverts

#16.2 Ordre d'exécution recommandé

1. E1 puis E2 — ils touchent le produit en ligne et sont visibles de tout visiteur.
2. E3 — c'est une décision, pas une tâche ; plus elle tarde, plus elle contamine les supports imprimés qui portent une adresse.
3. E5 et E8 — corrections de fichiers, sans dépendance.
4. E4 puis E7 — production d'actifs, une fois la géométrie stabilisée.
5. E9 et E10 — dépendent d'acteurs hors de l'équipe de production.

#16.3 Contrôle de conformité avant diffusion

Aucun support ne sort sans que ces neuf points soient vérifiés :

---

KySpectra — Plateforme agentique SDD/SDLC · par Kyrieva
Documentation : kyspectradoc.kyrieva.com · Dossier de lancement : Strategielancement/
Document interne de pré-lancement — version 1.0 du 2026-08-17. Les données marquées « [Gabarit : … ] » doivent être renseignées ou revalidées avant diffusion externe.