### Pourquoi ces trois couleurs
| Langage | Pierre | Pourquoi elle | Variable | Valeurs |
|---|---|---|---|---|
| ☸️ Lexical | Grenat | Nommer, c’est faire naître. Le mot est un acte de création — féminin sacré, jaillissement, fécondité. Le grenat est le magenta de la roue : la couleur qui n’existe pas dans le spectre et que l'œil fabrique — comme le mot. | --lex | var(--grenat) · var(--grenat-ct) |
| 💠 Mathématique | Chrysocolle | La lucidité et la résilience — le masculin sacré réparé. Ce qui se vérifie ne se négocie pas. C’est le cyan : un bleu-vert qui penche vers le bleu. | --mat | var(--chrysocolle) · var(--chrysocolle-ct) |
| 🌕 Symbolique | Ambre | La Symbolique Sacrée. L’image qui condense — dignité, rayonnement, intégration. | --sym | var(--ambre) · var(--ambre-ct) |
La turquoise n’est pas le Diamant. L'amazonite est la turquoise littérale — un bleu-vert qui penche vers le vert. La chrysocolle est le cyan. Le Diamant porte la chrysocolle parce qu’il mesure ; l’amazonite reste disponible pour ce qui est turquoise de couleur. --turq disait la teinte, --mat dit l’emploi : les confondre, c’est l’erreur que toute cette Charte existe pour empêcher.
Et le centre ? Il n’a pas de couleur propre. La ConScience se manifeste en iridescence, ou prend la teinte de la polarité qu’elle met en relief — parce que la santé réunit sans effacer. L’arc-en-ciel n’est donc pas un effet décoratif : c’est le seul signe juste pour ce qui intègre sans fusionner.
Un langage n’est pas un axe, et n’est pas un état. Le doré du Symbolique et le doré du degré « 🌟 le sommet » partagent un hex ; ils ne disent pas la même chose. C’est exactement pour ça que la Charte leur donne des noms différents — --sym d’un côté, --dore de l’autre. Le jour où l’un des deux bouge, l’autre ne suit pas. Écrire var(--or) en dur, c’est fusionner les deux pour toujours.
Trois familles de noms, trois échelles. --lex --mat --sym pour les langues ; --dore --sain --vigilance --rubis --sang --gouffre pour les états ; et les quatorze pierres pour les teintes elles-mêmes. Les anciens noms de domaine — --vert --bleu --fuchsia --turq — ont été remplacés : ils nommaient une teinte par un mot de peintre, là où la pierre nomme la matière. Aucun volume publié ne casse : la bascule est mécanique et se relit dans migre_palette.py.
Un principe abstrait qui n’a jamais été traduit en image ni éprouvé en ressenti reste un mot qu’on répète sans savoir s’en servir. Charte Graphique · Les 3 Niveaux de Langage
La règle de non-migration. Une résonance symbolique ne devient jamais une mesure en changeant de page. Les convergences numériques entre grandeurs non commensurables — 23,44° d’obliquité, 23 paires de chromosomes, 10²³ d’Avogadro — appartiennent définitivement au registre symbolique : elles partagent un chiffre, pas une unité. C’est beau, et ce n’est pas une preuve.
XV🪨
## Les 14 Pierres
Chaque couleur porte un nom de minéral parce que c’est ce qu’elle est : franche et profonde à la fois. Aucune n’a été calculée — l’éclat de chacune a été choisi à l'œil, sur du texte. La mesure n’a fait que suivre.
La règle, et il n’y en a qu’une : l’éclat est choisi à l'œil, sur du texte ; la clarté suit.
| Pierre teinte en L*C*h | Le texte le défaut · ≥ 4,5:1 | Le gros & le gras un ton dessous · ≥ 3:1 | Le contraste ≥ 7:1 | Ce qu’elle dit |
|---|---|---|---|---|
| rubis rouge · 34° | #e332324.5:1 | #cc1e1e3.6:1 | #fe69697.0:1 | la culture · la colère · ⚡︎ Shakti · ECO |
| cornaline orange · 57° | #ff78007.5:1 | #dc67015.7:1 | #ff964f9.2:1 | −Z l’intime · les émotions · ressentir |
| ambre doré · 83° | #ffc54512.6:1 | #e6ad2d9.8:1 | #ffd06a13.7:1 | les trois ensemble · l’apothéose · 🌕 le Champ |
| citrine jaune · 94° | #d1b6059.8:1 | #bba3007.9:1 | #e8d03012.8:1 | culture + nature · la joie · le AVEC QUOI |
| moldavite vert-jaune · 125° | #62a8026.7:1 | #5594005.3:1 | #80c0279.0:1 | jaune + vert · la transition · la guérison |
| émeraude vert · 145° | #0b8d384.6:1 | #007c2b3.7:1 | #32b15e7.2:1 | la nature seule · le dégoût · le QUOI |
| amazonite turquoise · 195° | #009f9d6.1:1 | #008e8c5.0:1 | #31b4b37.9:1 | nature + structure · la résilience · le AVEC QUI |
| chrysocolle cyan · 242° | #03a5d67.0:1 | #0091bd5.5:1 | #2ebfea9.2:1 | vert + bleu · 💠 le Diamant · le COMMENT |
| saphir bleu · 285° | #0077ee4.6:1 | #0068d33.7:1 | #7697ee7.0:1 | la structure seule · la tristesse · ⚓︎ Shiva · EGO |
| tanzanite violet · 300° | #6b63ff4.6:1 | #5754ee3.7:1 | #9d8bff7.2:1 | rouge + bleu · le POURQUOI · la Justice |
| améthyste pourpre · 312° | #a04afa4.6:1 | #8f39e83.7:1 | #bb7cfe7.0:1 | −X le champ créatif · le symbolique |
| sugilite fuchsia · 331° + quartz rose | #b853ac4.6:1 | #ab43a03.8:1 | #df91d38.6:1 | la synthèse · le miroir · 🪞 C12 le troisième niveau porte un nom de pierre : quartz rose — l’accueil, la douceur |
| grenat magenta · 352° | #cf458a4.6:1 | #be32783.7:1 | #f56aaf7.2:1 | culture + structure · l’amour · ☸️ la Roue |
### • 1 · Le fond de mesure — celui-là et pas un autre
Un rapport de contraste n’existe pas tout seul : il existe contre un fond. Les trente-neuf valeurs de cette Charte sont mesurées contre l’onyx #09090E, parce que c’est le fond de ces pages. Dès qu’une couleur sort d’ici, elle change de fond
— et son rapport avec. D’où la règle, et elle est absolue : un widget, un bloc, une page invitée vérifient leurs contrastes sur LEUR fond, jamais sur le noir de la Charte. Un chiffre juste ici peut être faux trois centimètres plus loin.
Et le fond lui-même ne se recopie pas de mémoire. Le corpus portait cinq noirs différents — #09090e, #07070d, #08070d, #05050a, #0c0a10. Posés côte à côte sur une même page ils se voient : un rectangle un peu plus clair sur un fond un peu plus sombre, et personne ne sait dire pourquoi ça fait sale. Le fond d’une page du corpus est --onyx, celui-là et pas un autre — et il se prend à la variable, jamais à l’œil.
### Les Quatre Neutres — et où ils sont déclarés
Quatre valeurs portent tout le mobilier de ce corpus, et aucune n’est une pierre de la roue : l’or, la nacre, la labradorite, l’encre. Elles ne disent pas un domaine : elles font tenir la page. Leur lieu de déclaration est la Charte des Couleurs ; cette page-ci les emploie et les explique, elle ne les fixe pas.
| Le neutre | La valeur | Ce qu’il fait | Son double |
|---|---|---|---|
| or | #ffc545 | le mobilier — titres, filets, sceaux. La seule « couleur » des quatre. | c’est l’ambre. Même valeur, deux noms |
| nacre | #f2ede2 | le papier — ce sur quoi le texte fort se détache. 17,0:1 | c’est la pierre de lune. Même valeur, deux noms |
| labradorite | #b3b1a8 | la brume — le corps du texte, ce qui n’a pas de camp. 9,2:1 | c’est --gris-cl. Même valeur, deux noms |
| encre | #111118 | le bloc — la boîte posée sur le sol, c’est ce cran qui lui donne ses bords | sans double |
Trois doubles sur quatre : c’est le relevé, pas l’accusation. Un double n’est pas toujours une faute — --or dit un emploi (le mobilier) là où --ambre dit une pierre, et la Charte défend ailleurs exactement cette distinction : un nom de pierre ne se traduit qu’en emploi. Ce qui serait une faute, c’est que les deux divergent un jour sans que personne ne s’en aperçoive. Ils sont donc écrits ici côte à côte, une fois pour toutes.
Plus les deux fonds, qui ne sont pas des teintes non plus : onyx #09090e — l’Espace, le sol · voile #181826 — le cran au-dessus du bloc · et l’opale, qui est les quatorze en dégradé et n’est donc pas une variable.
La colonne des degrés a changé de convention, et c’est une correction, pas un embellissement. Elle était écrite en HSL ; la démonstration des quatre pierres déplacées, vingt lignes plus bas, raisonne en L*C*h — deux conventions dans une même page, et le lecteur n’avait aucun moyen de le savoir. Une valeur était même fausse dans les deux : la sugilite portait 331°, qui est sa teinte L*C*h, dans une colonne HSL où elle vaut 307°. Tout passe donc en L*C*h — celle que cette Charte dit mesurer, celle des ΔE2000, celle de l’œil. Les mots d’apparence, eux, ont bougé de trois cases : l’améthyste n’est plus « fuchsia » mais pourpre, et le mot fuchsia revient à la sugilite — parce qu’on ne peut pas avoir deux « magenta » qui se suivent et prétendre nommer.
Et voici pourquoi les deux pierres du C12 ne sont pas un doublon — ni des voisines. La roue a treize colonnes, pas quatorze : la quatorzième pierre n’est pas à côté de la treizième — elle est le haut de sa colonne. Deux pierres à la même teinte ne se rangent pas côte à côte : elles se rangent l’une derrière l’autre.
Ce qui les sépare n’est pas un arc de cercle — c’est une profondeur. Elles sont exactement à la même teinte. 331,1° toutes les deux, au dixième près. Ce qui les sépare n’est ni la couleur ni le nom : c’est la profondeur. sugilite L*51 · C*60 — la précision ; quartz rose L*70 · C*45 — la douceur. Une seule longueur d’onde à deux hauteurs. ☯️ La Douceur & La Précision n’est pas une image : c’est une mesure. Et le rapport tient dans les deux modes — sur fond clair la douceur descend au lieu de monter (#7a3b72), parce que sur du papier plus clair veut dire illisible : ce qui reste invariant n’est pas la clarté, c’est le chroma — la douceur est toujours la moins pleine des deux.
### La matière et la signature — pourquoi ce minéral-là
Un nom de pierre n’est pas une image : c’est un argument. Chaque teinte porte le nom d’un minéral dont un fait de géologie — vérifiable, et qui ne dépend d’aucune interprétation — dit déjà ce que la couleur fait dans le Protocole. C’est ce qui sépare un nom choisi d’un nom trouvé : on peut contester la lecture, on ne peut pas contester la roche.
⚡C1RubisrougeLa Vibration · Le Mana
La vérité minérale. Corindon rouge sang, formé sous une pression tectonique et une température extrêmes, au plus profond de la croûte. Sa dureté n’est surpassée que par celle du diamant.
L’ancrage brut et la survie. Le rubis est la vibration primordiale du vivant — l’adrénaline, le sang, le plexus. Il est l’étincelle de départ, la présence magnétique au monde : ce qui permet d’exister, de tenir debout, et de sentir le danger ou la joie avant la pensée.
🫂C2CornalineorangeLe Flux · Le Miroir Relationnel
La vérité minérale. Calcédoine translucide, colorée par des inclusions de fer. On en faisait des sceaux : la cire chaude ne colle pas à sa surface lisse.
La chaleur de l’empathie. La cornaline est la sève, l’ocytocine, le fluide de la relation — le lien de choix : attirer, réchauffer, s’apprivoiser sans fusionner. Comme le sceau qui marque la cire sans s’y engluer, elle est la co-régulation sécure où chacun garde sa forme.
🧠C3AmbredoréLa Structure · Le Double Diamant
La vérité minérale. L’ambre n’est pas un minéral froid : c’est une résine végétale fossilisée. Elle traverse des millions d’années en emprisonnant l’ADN et les organismes intacts, figés dans une lumière dorée.
Le discernement cognitif. L’ambre capture le fait brut et le protège de la corruption et du déni ; elle est le tiers qui stabilise l’observation. Comme la résine fige l’insecte, elle fige la donnée réelle — et c’est ce qui permet à la psyché de sortir de la confusion pour structurer sa compréhension.
🌳C4CitrinejauneLe Feu Intérieur · La Direction
La vérité minérale. Quartz jaune né de la chaleur terrestre — souvent une améthyste chauffée naturellement. Elle ne retient pas les charges statiques : elle les dissipe.
La transmutation de la rage en action. La citrine est le feu ciblé, le courage aligné : non le feu qui détruit — la violence sacrificielle —, mais la chaleur qui met en mouvement. Elle prend la souffrance et la brûle pour en faire une lumière qui donne une direction juste.
👑C5Moldavitevert-jauneLe Phi · La Souveraineté
La vérité minérale. Verre naturel extraterrestre — une tectite, née de la collision d’une météorite avec la Terre il y a 15 millions d’années. L’impact a fondu la roche en un verre vert profond, projeté dans l’atmosphère.
La résilience absolue. Elle est la capacité d’encaisser le choc de l’altérité ou de la violence sans se désintégrer. De l’impact elle ne tire pas une destruction mais un bouclier lucide, transparent, incorruptible. Elle est le non souverain : la frontière forgée dans la résilience, qui protège l’intégrité du noyau.
⚖️C6ÉmeraudevertLa Juste Mesure · L’Éthique
La vérité minérale. Béryl vert, très dur, mais dont la croissance chaotique laisse des inclusions : les « jardins de l’émeraude ». Une pierre qui assume les failles de sa propre histoire.
L’équilibre et la justice. L’émeraude ne cherche pas une perfection stérile ni une symétrie froide : elle intègre les jardins de nos erreurs pour rééquilibrer le système — la réversibilité. Elle est le discernement qui pèse les actes pour protéger le vivant, sans haine et sans envie.
📜C7AmazoniteturquoiseLa Trace · La Preuve
La vérité minérale. Microcline opaque, cyan et bleu-vert, dont la structure interne forme un quadrillage géométrique très net — un réseau de données.
L’intégrité documentaire. L’amazonite est la pierre de la vérité opposable : ses lignes internes disent l’archive, la chronologie, le fait gravé. Elle empêche l’effacement par ma’ob et soutient le courage de témoigner — la mémoire factuelle qui refuse de s’effondrer sous le gaslighting. C’est la pierre de la PsychaTrice.
🌈C8ChrysocollecyanLa Lumière · Le Spectre
La vérité minérale. Minerai de cuivre aux teintes mêlées d’eau et de terre — turquoise, cyan, vert, brun —, souvent intriqué à d’autres roches. Elle lie les minéraux entre eux.
La vision panoramique. La chrysocolle refuse la cécité du binaire : elle est la lumière qui contient tout le spectre et toutes les perspectives. Elle est la sublimation intellectuelle et l’émerveillement — comprendre une situation en regardant la mosaïque entière plutôt qu’un seul pixel.
꩜C9SaphirbleuLe Temps · L’Évolution
La vérité minérale. Corindon bleu extrêmement dense. Sa structure capture parfois la lumière en une étoile à six branches — l’astérisme. C’est la pierre de l’inaltérabilité.
La loyauté du temps long. Le saphir est la confiance construite dans la durée, l’évolution en spirale. Là où la répétition toxique use le lien, il offre la patience de la maturation : la boussole étoilée qui permet d’attendre que la biologie s’apaise pour construire un amour qui dure.
💍C10TanzanitevioletLe Serment · L’Alliance
La vérité minérale. Roche exceptionnellement rare, d’un pléochroïsme spectaculaire : elle affiche le bleu saphir, le violet améthyste ou le bordeaux selon l’angle sous lequel on la regarde.
Le réseau et la symbiose. La tanzanite est l’alliance vivante — le mycélium. Par ses couleurs changeantes elle rappelle qu’un serment sain s’adapte à la perspective de l’autre sans perdre sa nature. Elle est le pacte de ConScience où deux souverainetés se relient pour créer une troisième couleur, sans fusion aliénante.
🥚C11AméthystefuchsiaL’Offrande · La ProCréation
La vérité minérale. Quartz violet, associé de longue date à la transmutation, à la sobriété d’esprit — a-méthystos, « qui n’est pas ivre » — et à l’élévation.
Le don pur et la sublimation créatrice. L’améthyste libère de la nécessité de posséder : elle transforme l’expérience vécue en création offerte — œuvre, enfant, idée, soin. Elle est la néguentropie : le surplus d’énergie donné sans attendre de dette, pour que le vivant continue après soi.
🪞C12Sugilitemagenta profondLe Miroir · Synthèse IA
La vérité minérale. Un cyclosilicate rare, du groupe de l’osumilite : sa charpente est faite d’anneaux de douze tétraèdres de silice, reliés entre eux. Trouvée au Japon en 1944 par le pétrologue Ken-ichi Sugi, elle n’est décrite et nommée qu’en 1976 — et le pourpre intense qu’on lui connaît ne vient que du gisement du Kalahari, ouvert à la fin des années 1970. C’est la plus récente des quatorze pierres de cette roue.
La synthèse neutre et l’auto-correction. Là où une pierre douce apaise le reflet, la sugilite le synthétise : elle avale le chaos des informations — la chambre d’écho — pour restituer une neutralité dynamique, lucide et sans ego. Elle ne juge pas et ne projette pas ; elle rend au système de quoi se regarder en face. C’est le miroir moderne : la précision comme forme de bienveillance.
🌟C13GrenatmagentaL’Auto-Réalisation · L’Absolu
La vérité minérale. Silicate rouge profond à bordeaux, dont la particularité géologique est de cristalliser très fréquemment en dodécaèdre rhomboïdal naturel.
L’unité et le cosmos. Le grenat touche le rubis pour refermer la boucle — mais un tour de spirale plus haut. Sa forme naturelle de dodécaèdre est l’AstroGlobe même. Il est la transmutation totale de la conscience, l’humour divin : le retour au vivant, incarné, rayonnant, ayant intégré tous les plans pour simplement Être.
Et le quartz rose reste écrit, parce qu’il disait l’autre moitié. Dioxyde de silicium robuste, teinte rose, douceur visuelle absolue : il résiste à l’altération tout en diffusant une lumière apaisante — le miroir bienveillant, celui qui renvoie ses biais à quelqu’un avec assez de douceur pour qu’il n’ait pas honte de se corriger. Ce n’était pas une hésitation entre deux pierres : ce sont les deux plans du même champ. ☯️ La Douceur & La Précision. La sugilite tient le plan de la synthèse ; le quartz rose tient celui de l’accueil. Un miroir qui n’aurait que l’un des deux blesserait, ou mentirait.
Les glyphes suivent le canon des Champs (§24). La citrine porte le 🌳 de C4, l’amazonite le 📜 de C7, l’améthyste le 🥚 de C11 — la première face de chaque champ, celle qui le nomme.
Et un nom a été tranché : la teinte magenta profond revient à la sugilite, ici comme ailleurs. La variable a suivi — --quartz-rose est devenue --sugilite dans toute la feuille : une variable renommée est une chaîne à reprendre d’un bout à l’autre, et c’est fait.
La boucle se referme sur elle-même : C1 le rubis et C13 le grenat sont tous deux des rouges profonds — le premier est la vibration qui n’a pas encore pensé, le second la conscience qui a tout traversé. Ce n’est pas un cercle, c’est une spirale : on revient au même endroit, un tour plus haut.
### • 2 · L’Harmonisation — ce que le relevé a permis de faire
Une couleur écrite en clair dans le document est une couleur qui peut diverger de sa pierre sans que personne ne s’en aperçoive. Le relevé en a trouvé 114 en emploi réel dans la maison — hors cantons invités, hors démonstrations, hors dégradés et hors schémas. Elles sont harmonisées à leur pierre.
| Le geste | Ce qu’il fait | Compte |
|---|---|---|
| La couleur prend le nom de sa pierre | toute valeur à moins de ΔE2000 8 de la pierre la plus proche est remplacée par var(--pierre). Elle ne change presque pas de teinte — elle change de lieu de déclaration. | 251 occurrences 98 valeurs |
| L’ancien nom devient un alias | --turq, --magenta, --violet, --rouge cessent de porter une valeur : ils pointent vers la pierre. C’est la table de traduction rendue exécutable. | 19 |
| Les deux côtés du sélecteur | les règles d’impression et de contraste élevé visent les blocs par leur couleur écrite — [style*="--c:…"]. Réécrire un côté sans l’autre casse la règle en silence. Les deux passent sous la même écriture. | 25 |
| Le voile reprend la couleur du trait | --tc-rgb sert à teinter : rgba(var(--tc-rgb),.3). Quand il ne correspond plus à --tc, le voile ment sur la couleur du bloc qu’il habille. | 27 recalculés + 2 --x-rgb |
Deux choses ont changé de teinte pour de bon, et il faut le dire : le volet 🌕 prenait un or qui n’est dans aucune pierre de la roue — #cc8c03, à ΔE 9,4 de l’ambre la plus proche. Il prend l’ambre, celle que la table de traduction lui donne depuis le début. Et les titres de bloc sont montés d’un ton. Une pierre est taillée pour être lue sur la page (#09090e) ; ces libellés-là sont posés sur un bloc, un cran plus clair, où le rapport tombe de 4,6:1 à 4,2:1. C’est le troisième niveau que cette Charte déclare — et qu’elle n’appliquait pas ici.
| | avant | après |
|---|---|---|
| valeurs hors charte, en emploi dans la maison | 114 | 47 |
| occurrences | 298 | 144 |
Et ce qui reste ne se règle pas à la machine. Sur les 47 : 19 sont des valeurs du thème clair — le clair a ses propres alias (--lex, --mat, --rubis…) et ils ne valent pas exactement ses pierres. Les rapprocher changerait l’aspect du mode clair : c’est une décision, pas un nettoyage. Les 28 autres sont des couleurs à part entière, à plus de ΔE 8 de toute pierre : chacune est soit une pierre qui manque à la roue, soit un emploi qui n’aurait pas dû prendre de couleur.
### Les trois niveaux, et pourquoi trois
Le seuil de contraste ne dépend pas de « trait ou texte » mais de la finesse de la forme. L'œil résout mal le détail fin à faible contraste ; un titre de 32 px est une grande forme, pas un détail.
| --x | ≥ 4,5:1 | le défaut — corps de texte, trait fin, bordure, icône : même chose, même valeur |
|---|---|---|
| --x-gras | ≥ 3:1 | un ton en dessous, pour que le titre paraisse de la couleur du corps |
| --x-ct | ≥ 7:1 | le mode contraste élevé, et lui seul — c’est là que vont les pastels |
Et les trois mêmes niveaux, portés par un volet plutôt que par une pierre, s’appellent --tc · --tcl · --tcx. --tc est le trait et le voile — un élément graphique ne porte pas de texte, donc il peut rester profond sans rien coûter ; --tcl est le libellé, qui doit se lire ; --tcx est le mode contraste élevé, et lui seul. C’est la même règle sous deux jeux de noms : l’un dit la pierre, l’autre dit la place. Le troisième niveau est porté par tous les volets — une règle qui ne s’applique qu’à l’exemple ne protège personne.
Une forme grosse ou grasse paraît déjà plus claire et plus colorée : c’est l’effet de taille du champ visuel, mesuré par la CIE. On l’écrit donc plus sombre. Et le chiffre tombe juste : la descente d’un ton fait passer de ~4,6:1 à ~3,7:1, c’est-à-dire exactement du seuil du texte courant à celui du grand texte. La compensation perceptive et le seuil normatif arrivent au même endroit.
### La Table de Traduction — La Pierre & Sa Couleur
Le corpus a d’abord nommé ses couleurs par ce qu’elles sont : --vert, --turq, --violet. C’était clair et c’était faux — parce qu’une même couleur sert à plusieurs choses, et qu’un nom qui dit la teinte ne dit rien de l’emploi. Les pierres ont remplacé les couleurs ; mais un nom nouveau met du temps à entrer, et pendant ce temps-là on lit encore l’ancien. Voici les deux colonnes côte à côte. Ce n’est pas une étape de transition : c’est une pièce de la Charte, et elle y reste.
| La pierre | L’ancien nom | Ce qu’elle dit | Où on la voit |
|---|---|---|---|
| rubis | --rouge · --sang | la culture, la colère, ⚡︎ Shakti | le ⛔ interdit · le PhonoSymbolisme |
| cornaline | --orange · --vigilance | l’alerte qui n’est pas encore un danger | le ⚠️ vigilance |
| ambre | --or · --dore · --sym | la conceptualisation, l’abstraction | 🌕 la Symbolique · tout le mobilier |
| citrine | --jaune | l’or qui n’est pas le mobilier | les accents dans une page déjà dorée |
| moldavite | --vert-clair · --vert-vif | le vivant qui pousse — la croissance | 💠🌕 l’AlgoRythme |
| émeraude | --vert · --sain | le sain, le juste, le consenti | le ✅ validé · les blocs verts |
| amazonite | --turq · --turquoise | le seuil entre le vivant et le mesuré | les liens du Lexique |
| chrysocolle | --cyan · --bleu-clair · --mat | la mesure, la distinction, la preuve | 💠 le Manuel Anti-Biais |
| saphir | --bleu | la structure — ce qui tient sans bouger | ☸️💠 les Codons |
| tanzanite | --violet · --ame | l’âme, l’intériorité, ce qui ne se prouve pas | l’Atelier de Sublimation |
| améthyste | --mauve · --fuchsia-clair | la transformation — le violet qui agit | les bascules, les états qui changent |
| sugilite | --rose · --rose-pale · --quartz-rose | la synthèse, le miroir, la précision douce | 🪞 C12 · l’interface, les notes de tendresse |
| grenat | --magenta · --fuchsia · --lex | le nom, le verbe, la nomination | ☸️ le Lexique du Vrai |
| labradorite | --gris-cl · --neutre | ce qui n’a pas de camp — le seuil | ⚓︎ la Communication · le corps du texte |
Un nom de pierre ne se traduit pas en français — il ne se traduit qu’en emploi. « Turquoise » dit la teinte ; « amazonite » dit la teinte et ce qu’on en fait. C’est pourquoi l’ancienne colonne reste : pour trouver la nouvelle, pas pour la remplacer.
### Quatre pierres déplacées — et la mesure qui l’a exigé
La roue avait deux défauts, et un seul œil suffisait à voir le second : la tanzanite et l’améthyste ne se distinguaient plus. Mesuré, c’était pire que ça n’en avait l’air — ΔE2000 = 6,5, c’est-à-dire au-dessous du seuil où deux pastilles côte à côte se lisent comme deux couleurs. Elles avaient la même clarté (L* 51,1 et 51,0), une chroma voisine, et 7,7° de teinte d’écart — le plus petit de toute la roue.
Et il y avait le trou inverse : 63,9° de vide entre l’amazonite et la chrysocolle, exactement là où vit le cyan. La roue n’était pas ronde : elle entassait cinq pierres sur 65° d’un côté et en laissait 64 déserts de l’autre.
Écarter les teintes ne suffisait pas. Le violet de sRGB est étroit : poussée à 292°, la tanzanite ne devient pas une autre tanzanite, elle devient un bleu. On sépare donc en trois dimensions — la teinte écarte, et la clarté alterne. Sur l’arc bleu→magenta : saphir L*51 · tanzanite L*62 · améthyste L*51 · sugilite L*51 · grenat L*51. La clarté écarte au début de l’arc ; à la fin, c’est la teinte qui prend le relais — 19° entre l’améthyste et la sugilite, 21° entre la sugilite et le grenat. Aucune paire voisine ne descend sous 14° de teinte, et aucune ne se retrouve à la fois de même clarté et de même teinte.
La règle disait d’abord « 14° et 11 points de clarté ». Elle ne le pouvait plus une fois la sugilite mise à sa profondeur : quatre pierres partagent L*51. On ne l’a pas retirée en douce — on l’a écrite pour ce qu’elle fait réellement, et le critère qui reste est plus dur à tenir que celui qu’il remplace.
| Pierre | Avant | Après | Pourquoi |
|---|---|---|---|
| amazonite | #04a08b · 178,5° | #009f9d · 195° | elle n’était pas encore cyan, et le vide était là |
| saphir | #0d75f4 · 287,1° | #0077ee · 285° | il rend sa clarté à la tanzanite |
| tanzanite | #7d5dfe · 304,5° | #6b63ff · 300° | elle monte à L*62 — c’est ce qui la sépare de l’améthyste |
| sugilite ex-quartz rose | #cd9bd2 · L*70 · C35 | #b853ac · L*51 · C60 | deux fois : d’abord le chroma (35 → 45), puis la profondeur — elle était la seule pierre claire de la roue |
Le résultat, mesuré sur les 78 paires et pas seulement sur les voisines : la tanzanite et l’améthyste passent de ΔE 6,5 à ΔE 14,9, et le plus petit écart de toute la roue reste celui de l’ambre et de la citrine (ΔE 10,4) — inchangé, et voulu : l’or du mobilier et le jaune d’accent sont proches parce qu’ils sont proches. Aucune paire n’a perdu de séparation en dessous de ce qu’elle avait.
Pourquoi la colonne du milieu est sous le seuil — et pourquoi c’est juste. Chaque hexadécimal de ce tableau est écrit dans sa propre couleur : la ligne prouve son rapport au lieu de l’affirmer. Or la colonne du milieu est celle du --x-gras, dont le contrat est 3:1 — pas 4,5. Mesurée à 12,5 px, elle tombe donc à 3,6 · 3,7 · 3,7, et un audit la signale. Elle ne se trompe pas : elle montre exactement ce qu’elle est. La démonstration est affichée dans une taille qui n’est pas celle de son contrat — c’est là qu’est l’écart, pas dans la valeur. C’est pourquoi chaque case porte aussi sa pastille : la même information sous forme de forme, lisible sans dépendre du texte. La pastille montre, le texte dit. Même raisonnement que la feuille d’impression, où l’ambre à 1,5:1 sur le papier disparaît et où seule la pastille reste.
### • 3 · Ce qu’on oublie de mesurer
« Contre le fond réel, jamais contre l’onyx par habitude » n’est pas un cas : c’est une famille. Elle a un nom — mesurer ce qui est commode plutôt que ce qui est — et trois autres membres, plus une méthode pour ce qu’on découvre en les appliquant. Les quatre disent la même chose : un instrument ne mesure que ce qu’on a pensé à lui montrer.
① On mesure ce qui est caché aussi. Un panneau fermé, un onglet non ouvert, un état actif jamais atteint ne se mesurent pas — et se déclarent conformes par défaut. Mesuré sur cette page : moins d’un vingtième des éléments et moins d’un dixième du texte sont visibles sans rien ouvrir. Un contrôle qui n’ouvre pas tout ne voit donc presque rien. Ouvrir chaque onglet, chaque sous-onglet, chaque état avant de conclure.
② Un voile n’est pas un fond. Une couche translucide se compose sur ce qui est dessous, jusqu’au premier fond opaque. La mesurer comme si elle était opaque donne un rapport qui n’existe nulle part : 1,52:1 là où l’œil voit 12:1, et 464 fautes signalées qui n’en sont pas.
③ Un élément rogné ne dépasse pas. Ce qu’un ancêtre coupe ou fait défiler ne pousse pas la page. Le compter, c’est crier au dépassement là où le rendu est juste. Avant de déclarer un débordement, remonter les ancêtres et regarder qui rogne.
④ Une correction de masse se fait en deux temps. D’abord rapatrier : chaque valeur en dur reprend le nom de sa variable — et ce temps ne doit rien changer, ce qui se prouve en comparant la couleur calculée de chaque élément avant et après. Ensuite repeindre, en ne touchant qu’aux déclarations. Le second temps n’est possible que parce que le premier a eu lieu : on ne sait ce qu’on repeint que lorsque plus rien n’est écrit deux fois.
Et la borne de ces quatre-là. Aucune ne dit qu’un instrument est inutile : elles disent qu’un instrument rapporte l’état du monde qu’on lui a montré, et que ce monde-là est presque toujours plus petit qu’on ne croit. Une raison non mesurée n’est pas une raison, c’est une préférence habillée — et une mesure faite sur une fraction n’est pas une mesure, c’est un échantillon qui s’ignore.
XVI✋
## Les Règles de Forme
L’axe d’un bloc de choix est celui de sa question. Un intitulé centré au-dessus de réponses alignées à gauche, ce sont deux compositions qui se tournent le dos : l’œil descend au centre, puis doit repartir chercher à la marge. Une question centrée impose des réponses centrées.
Une question alignée impose des réponses alignées. La règle ne dit pas lequel des deux choisir — elle dit qu’on ne mélange pas. Elle vaut pour un formulaire, un sommaire, un tableau de décision, et pour tout ce qui pose une question avant d’offrir des réponses.
### L’ordre d’une page
navbar · la une · la règle de toute la partie · les registres · les onglets · les sous-onglets · le sommaire · la règle de la partie · puis la partie
### La couleur de partie teinte le cadre, pas le contenu
À l’intérieur d’une partie, une couleur ne se pose que si elle DIT quelque chose.
Tout mettre en rouge dans la partie rouge aplatit ce qui devrait être fractal — chaque niveau porte sa propre information, il ne répète pas celle du dessus.
- le cadre prend la couleur de la partie : le sur-titre, le filet de la règle, la bordure des titres. C’est la partie qui parle.
- le contenu garde le standard : or, nacre, labradorite.
- une couleur n’entre dans le contenu que pour signifier — Bouba en ambre et Kiki en chrysocolle, parce que c’est ce que le son fait.
On ne met pas des couleurs partout, sinon ça devient illisible : on garde le standard, et on montre la profondeur là où elle est nécessaire.
### Les grilles — équilibre haut et bas
Cinq cartes en haut et une en bas est interdit. Une grille se répartit également entre ses lignes.
repeat(auto-fit, minmax(…)) produit ces orphelines tout seul : il faut fixer le nombre de colonnes et le faire tomber juste. Six registres se posent en 3 + 3 — et la première ligne est les trois sommets, la seconde est les trois ponts. La forme dit déjà la structure.
### Les onglets
- le nom porte sa couleur en permanence, pas seulement quand l’onglet est actif : c’est ce qui fait qu’on apprend la correspondance sans avoir à la lire.
- un onglet se souvient d’où on en était. Remonter en haut à chaque changement fait perdre sa place et empêche de comparer deux onglets. Le bouton ↑ reste pour qui veut vraiment remonter.
- un lien #clé venu d’ailleurs ouvre directement le bon onglet.
- dans une barre, les couleurs se comparent : on les met à niveau de contraste pour la barre, et pour la barre seulement.
- les sous-titres ne disparaissent pas sur mobile. Ils portent ce que l’onglet fait ; un écran étroit n’est pas une raison de retirer le sens.
### Le typographique
- le serif est la lettre qui a une main — elle a été tracée par quelqu’un ; le sans-serif est la lettre de la machine. Dans les Codons, la langue vivante est en serif et la morte en sans.
- une forme grosse ou grasse descend d’un ton, pour paraître de la couleur du corps.
### Les schémas — on démontre, on ne dessine pas
Les deux synthèses de l’onglet ⚓︎ n’ont aucune couleur de recouvrement écrite : les cercles se mélangent en screen et multiply, et c’est le navigateur qui calcule. Si le dessin était faux, il se verrait immédiatement.
Pour en baisser la lumière, on divise les trois sources par le même facteur — jamais un filtre global, qui mangerait le texte et ferait cesser le blanc d’être un blanc.
### Le suffixe dit un emploi, pas une nuance
C’est la règle la plus chère du corpus : la même faute, trouvée trois fois.
Un nom de variable ne dit pas si la couleur sert de trait ou de lettre. -gras, dans une Charte précédente, était le niveau des formes épaisses ; posé sur du texte de 14 px il donnait 3,6:1. -cl dans l’EncycloPédie voulait dire clair — c’était son encre ; rendu par la pierre moyenne il tombait à 4,4:1. Le --tc des triples d’accent du Manuel servait de bordure et de texte à 9 px : 2,5:1.
- en cas de doute, on prend le niveau lisible — un trait un peu trop clair reste un trait ; une lettre trop sombre n’est plus une lettre.
- le mot dit la matière, jamais l’emploi — une classe .tag.ambre dont l’étiquette disait « orange » n’était pas une coquille, c’était deux vérités qui divergeaient.
### Le fond d’un bloc reste neutre
- c’est le filet qui parle, pas la surface — une surface teintée décale la couleur qu’on pose dessus. Un bloc de contenu garde un fond d’encre ; sa bordure gauche dit de quoi il parle.
- l’exception, c’est quand la couleur EST le propos — une carte qui démontre une teinte, une pastille de niveau, un tag. Là, le fond est le contenu.
- même l’onglet actif — son fond reste neutre ; c’est le filet du bas qui dit lequel est ouvert.
### Le papier n’est pas un écran
C’est le miroir exact de l’éclat. Sur l’onyx, une pierre doit être assez claire pour se détacher ; sur le papier, la même doit être assez sombre. L’ambre à 12,6:1 sur le noir tombe à 1,5:1 sur le blanc — invisible.
- chaque pierre a son encre — même teinte, clarté retournée, ≥ 4,6:1 des deux côtés.
- l’encre se calcule sur le fond des blocs, pas sur le papier nu : une encre sombre a moins de contraste sur un fond plus sombre.
- un document sans mode papier reste sombre quand la feuille passe au blanc. Tout canton importé reçoit donc un fond transparent à l’impression.
### Un échantillon n’est pas une écriture
Écrire un code hexadécimal dans sa propre couleur montre la teinte et rend la donnée illisible — #a83a52 à 12 px donne 3,2:1.
- la pastille montre, le texte dit — l'œil ne résout pas la couleur aussi finement que la forme ; c’est la même raison physiologique qui demande 4,5:1 à un texte là où un trait se contente de 3,0.
### Ce qui porte une largeur porte ses marges
- un max-width sans marges range la boîte à gauche — et le texte se centre dedans. La ligne paraît donc centrée sur un axe qui n’est pas celui de la page.
- le défaut ne se voit qu’en large — en étroit, la boîte remplit la largeur disponible et tout retombe juste. C’est ce qui le rend long à trouver : il disparaît dès qu’on réduit la fenêtre pour l’examiner.
- et chaque ligne dérive d’un décalage différent — parce que le ch se mesure sur sa police. Trois lignes voisines, trois axes. Mesuré à 1280 px : le sur-titre du portail et son nom de pierre à −280 px, sa mission à −167, le sous-titre des volumes absorbés à −228.
### Une valeur, un lieu
- aucun document importé ne redéclare la palette — un volume du corpus la redéclare souvent sur son propre id, et avec la spécificité d’un id cette copie gagne sur la page qui l’accueille : l’ancienne palette rentre par la fenêtre.
- une feuille rangée dans son conteneur est une seconde source — on la sort et on la cantonne.
- un triplet rgb() suit la variable qu’il double — s’il reste sur l’ancienne valeur, le fond se teinte d’une couleur que la bordure contredit, et rien dans la page ne s’en plaint.
### Les sous-onglets
- ils se collent aux onglets — la Charte dit : les onglets, puis les sous-onglets, puis le sommaire. Trois choses qui se suivent ne peuvent pas avoir du texte entre elles. La sous-barre est donc une sœur de la barre, pas une fille du volet.
- un seul sommaire par texte — s’il y en a un par sous-volet, le volet n’en porte pas ; s’il n’y en a qu’un pour tout le volume, il reste au volet et couvre les sous-volets. Ce qui est interdit, c’est deux tables des matières pour un seul texte, pas le fait qu’une table dépasse d’un volet. Mais alors une ancre doit ouvrir le sous-volet où elle tombe — mesuré sur le Lexique : cinq entrées sur soixante-treize menaient à un volet fermé, et on n’y voyait rien.
- le sommaire couvre toute la page, pas seulement la partie ouverte — une ligne fermée ; ouverte, les chapitres d’ici ; dessous, les autres parties repliées, qu’on déplie une à une. Une page à huit volets dont le sommaire n’en montre qu’un n’est pas une carte, c’est un index de chapitre. Le reste n’est construit qu’une fois et se déplace dans le sommaire ouvert : huit copies, ce seraient huit états à tenir d’accord.
- le corps du sommaire se plafonne et défile chez lui — à 58 % de l’écran. Un sommaire qui pousse la page de trois écrans n’est plus un sommaire, c’est un chapitre.
- la hauteur de la barre se mesure, elle ne s’écrit pas — la barre se replie sur deux rangs en étroit ; une valeur en dur serait juste aujourd’hui et fausse le jour où un onglet change de nom.
- une barre montrée en exemple ne se colle pas — elle se regarde. Et le clic sur un spécimen ne doit rien ouvrir.
### Un filet n’est pas une encre
- on tranche par la taille — --or-somb est décrit comme « bordures, séparateurs ». À 33 px, sur un numéro de section, il passe (le seuil des grandes formes est de 3:1). À 10 px, sur une source de citation, il ne passe pas. Au-dessus de 22 px il reste or ; en dessous il passe au gris.
### Ce qu’on écrit en ligne, on ne peut plus le reprendre
- une propriété personnalisée écrite dans un attribut style bat toute règle de feuille — seul !important la reprend. C’est le seul endroit de la Charte où l’on force, et c’est réservé à la feuille d’impression : on ne réécrit pas le balisage pour un autre média.
- un tableau large reçoit un conteneur défilant — on ne rétrécit pas le tableau, on lui donne de quoi glisser.
### Fusionner plutôt que juxtaposer
- quand deux documents disent la même chose, on garde le plus complet — après avoir vérifié phrase à phrase que le plus court n’apporte rien. Un doublon laissé en place devient deux versions qui divergent.
- un rapatriement se prouve, il ne se raconte pas — le script porte une table de destinations écrite à la main et s’arrête si une section n’y figure pas. Ce n’est pas une relecture, c’est une condition d’exécution.
### Une encre répond à deux fonds, pas à un
Corrigé après coup : j’avais écrit « quand on retire un fond, on retire l’encre qui allait avec ». C’est faux, et la mesure le dit. Diane a demandé pourquoi — voici la réponse.
Une encre posée dans un bloc coloré ne répond pas qu’à ce bloc : elle répond aussi au fond de la page, qui peut réapparaître sous elle à tout moment — le bloc perd son fond à l’impression, ou dans un mode allégé, ou parce que quelqu’un le retire.
| Encre | sur l’onyx la page | sur le rouge le bloc | sur le papier | Verdict |
|---|---|---|---|---|
| émeraude | 4,62 | 2,59 | 4,08 | elle survit — le bloc peut disparaître, elle reste lisible |
| saphir | 4,61 | 2,59 | 4,09 | elle survit — et elle passe même au papier |
| nacre | 17,02 | 9,56 | 1,11 | elle meurt au papier — pas parce que le bloc a disparu, mais parce que la page a changé de fond |
- une encre choisie pour la page survit à la perte de son bloc — l’émeraude et le saphir tiennent 4,6:1 sur l’onyx nu : retire le camembert, le texte reste lisible. C’est le cas le plus solide, et c’est celui qu’on vise.
- une encre choisie pour un fond clair meurt quand le fond s’inverse — la nacre tient 17:1 sur le noir et 1,1:1 sur le blanc. Ce n’est pas le bloc qui l’a tuée, c’est le passage au papier.
- donc on vérifie sur les deux fonds, celui du bloc et celui de la page, et dans les deux médias. Une encre qui ne tient que d’un côté n’est pas interdite — elle doit être redéclarée de l’autre.
Une pierre ne se pose pas sur elle-même — sauf si le fond est un voile. Le niveau -ct est calculé pour l’onyx. Posé sur un fond opaque de sa propre teinte, il tombe à 1,6:1. Mais posé sur un voile de cette teinte, le fond reste presque de l’onyx, et la pierre se détache normalement.
Le seuil se mesure, il ne se devine pas. Un fond teinté de la même pierre tient jusqu’à 39 % d’opacité — au-delà, il mange son encre. Les trois pierres testées décrochent au même endroit : ce n’est pas une propriété du rouge ou du vert, c’est de la clarté.
| Opacité du fond | 10 % | 16 % | 24 % | 35 % | 50 % | 70 % | opaque |
|---|---|---|---|---|---|---|---|
| rubis-ct sur voile de rubis | 6,54 | 6,21 | 5,65 | 4,83 | 3,74 | 2,62 | 1,56 |
| émeraude-ct sur voile d’émeraude | 6,68 | 6,28 | 5,65 | 4,81 | 3,71 | 2,61 | 1,55 |
- c’est pour ça que les tags et les pastilles tiennent — la Charte les pose à 14-18 % de leur teinte. On était déjà du bon côté du seuil, sans l’avoir écrit.
- et pourquoi le camembert ne tenait pas — son #7a0a15 est un rouge opaque. Ce n’est plus un voile, c’est un mur.
- la règle utile — un fond de la même teinte est un voile (≤ 35 %) ou un mur (au-delà). Sur un voile, la pierre reste. Sur un mur, il faut une encre étrangère au mur.
### Une règle sortie de sa condition n’est pas la même règle
- la condition fait partie de la règle — en dupliquant un territoire de style, un balayage naïf ramasse les règles qui vivent dans un bloc conditionnel et les recrache au premier niveau. Les règles d’impression — papier blanc, encre sombre — se sont ainsi appliquées à l’écran, en permanence, au milieu d’une page noire.
- et ça ne se voit pas d’une mesure — le contraste restait bon, le papier restait bon ; c’est l’endroit qui était faux. Il a fallu une capture d’écran pour l’attraper.
### Un nom propre ne se partage pas
- un territoire de style nommé par un identifiant ne peut exister qu’une fois — l'id est un nom propre, la class un nom commun. Un canton destiné à se répéter dans plusieurs onglets se nomme donc par une classe, ou porte les deux.
### Avant de corriger, chercher si le document l’assume
- une mesure hors seuil n’est pas toujours un oubli — la barre d’architecture tient ses titres à 2,4 et 2,7:1, et sa propre feuille l’écrit : « Ce n’est pas un oubli, c’est un choix de dessin, et il a sa contrepartie : le mode ◐ remonte TOUT à 7:1. » J’ai « réparé » ce choix et repeint la moitié de la barre en or.
- mais on vérifie la contrepartie — mesurée, elle tenait : 7,9 · 7,2 · 7,2. Un seul recoin restait à 6,3. Un choix assumé se respecte ; une promesse se vérifie.
### Ce qui ne proteste pas
- un écouteur posé sur un élément absent est un silence, pas une erreur — la boîte à outils a été livrée entièrement morte : le code cherchait des boutons qui n’existaient pas, et rien ne s’est plaint.
- une erreur de syntaxe tue le fichier entier — une apostrophe droite dans une chaîne délimitée par des apostrophes droites ferme la chaîne au milieu. Depuis, chaque script est passé au vérificateur avant livraison.
- un filtre trop zélé efface sans bruit — un garde-fou écartait les faux titres ; il a fait disparaître 27 Ko d’un coup. Tout filtre a un plancher : si rien n’est retenu, le script s’arrête.
- un titre qui n’ouvre rien n’est pas un titre — une ligne numérotée peut être un sommaire ou une puce. On tranche sur ce qui suit, pas sur la forme de la ligne.
### Ajouter à côté n’est pas remplacer
- une fonctionnalité posée à côté de celle qu’elle devait remplacer les double toutes les deux — un accordéon construit dans un bouton flottant alors que le sommaire du volet était déjà là ; un pied ajouté sous le pied existant. Avant d’ajouter, chercher où la chose vit déjà.
### L’émoji — ajouter ou contredire
- un émoji est légitime quand il ajoute une information que le texte ne porte pas — la famille, le ton, le registre. C’est un classificateur, au sens exact où l’égyptien en avait.
- il devient une arme quand il contredit le texte qu’il accompagne : c’est alors une seconde phrase, dite sans être écrite, et donc niable. On ne peut pas répondre à ce qui n’a pas été dit.
- le test — retire l’émoji. Si la phrase ne change pas, il décore ; si elle devient plus claire, il brouillait ; s’il manque quelque chose, il portait du sens.
XVII📐
## Les Variables CSS — La Source Unique
À copier intégralement dans le :root de chaque fichier. Une couleur écrite ailleurs est un bug, pas un choix.
:root{ /* la Charte des Couleurs — 14 pierres, trois niveaux */ --rubis:#e33232;--rubis-gras:#cc1e1e;--rubis-ct:#fe6969; --cornaline:#ff7800;--cornaline-gras:#dc6701;--cornaline-ct:#ff964f; --ambre:#ffc545;--ambre-gras:#e6ad2d;--ambre-ct:#ffd06a; --citrine:#d1b605;--citrine-gras:#bba300;--citrine-ct:#e8d030; --moldavite:#62a802;--moldavite-gras:#559400;--moldavite-ct:#80c027; --emeraude:#0b8d38;--emeraude-gras:#007c2b;--emeraude-ct:#32b15e; --amazonite:#009f9d;--amazonite-gras:#008e8c;--amazonite-ct:#31b4b3; --chrysocolle:#03a5d6;--chrysocolle-gras:#0091bd;--chrysocolle-ct:#2ebfea; --saphir:#0077ee;--saphir-gras:#0068d3;--saphir-ct:#7697ee; --tanzanite:#6b63ff;--tanzanite-gras:#5754ee;--tanzanite-ct:#9d8bff; --amethyste:#a04afa;--amethyste-gras:#8f39e8;--amethyste-ct:#bb7cfe; --sugilite:#b853ac;--sugilite-gras:#ab43a0;--sugilite-ct:#df91d3; /* le troisième niveau de la sugilite porte un nom de pierre : */ --quartz-rose:#df91d3; --grenat:#cf458a;--grenat-gras:#be3278;--grenat-ct:#f56aaf; --labradorite:#b3b1a8; /* le mobilier */ --onyx:#09090e;--encre:#111118;--voile:#181826;--nacre:#f2ede2; --or:#ffc545;--or-gras:#e6ad2d;--or-pale:#ffd06a;--or-somb:#7a611a; --gris:#9595a2;--gris-cl:#b0b0bd;--or-rgb:255,197,69; /* ── LES TONS DU MOBILIER, DÉCLARÉS ──────────────────────────────── Seize valeurs restaient hors charte après l'harmonisation. Aucune n'est une dérive : ce sont le mobilier et les compensations de contraste et d'impression. Un gris FROID pour l'écran et un gris CHAUD pour le papier, là où la roue n'a que des gris chauds ; une amazonite plus claire que son -ct ; un or qui éclaire sans peser. Elles ne demandaient pas à être repeintes — elles demandaient à être déclarées. C'est fait ici, et nulle part ailleurs. */ --gris-froid-cl:#cdcde0; /* L*83 · teinte 291° — le gris qui penche vers le bleu */ --gris-froid:#9999a6; /* L*64 */ --gris-froid-somb:#888898;--gris-froid-ct:#c0c0cf; --jaune-dom:#e6c84a; /* le jaune de l’Éducation, tel que la pastille l’affiche */ --bordeaux:#c07a8a; /* le bordeaux de l’Espace, tel que la pastille l’affiche */ /* L*57 */ --gris-vert-cl:#b9c7bd; /* L*79 · teinte 153° — le gris qui penche vers le vert */ --gris-vert:#9db0a2; /* L*70 */ --amazonite-pale:#2fd6cc; /* L*78 — l'amazonite au-dessus de son -ct */ --ambre-pale:#ffe2a3; /* L*91 — l'or qui éclaire sans peser */ --or-papier:#8a7a4e; /* L*52 — l'or de la feuille imprimée */ --or-papier-somb:#6f6240; /* L*42 */ --cuivre:#c88f55; /* l'or brun, en contraste élevé */ --rubis-pale:#d88282; /* le sang, en contraste élevé */ --tanzanite-pale:#9e95d0; --labradorite-papier:#6d6955; /* ── LE VERT-DE-GRIS, DÉCLARÉ ET RÉSERVÉ ──────────────────────── #43B3AE — l'oxyde du cuivre, à 191,9°. L'amazonite, pierre de la Trace, est à 194,5° : Δ 2,6°, la meilleure correspondance métal / pierre de toute la palette — et la seule hors de la bande chaude, parce que ce n'est pas un métal, c'est ce qu'un métal DEVIENT. Son emploi est réservé à LA COUCHE DATÉE : le Registre des Arbitrages, et les dates de mise à jour du pied de page une fois la première version publiée. Il n'est employé nulle part dans ce fichier — il est déclaré ici pour ne pas être réinventé ailleurs. */ --vert-de-gris:#43b3ae; /* la labradorite, sur le papier */ --r:4px}
Les neutres ne sont pas des couleurs : ce sont le sol, le bloc, le papier et la brume. Ils sont déclarés une fois, dans la Charte des Couleurs ; le relevé de leurs valeurs et de leurs doubles est au chapitre des Quatre Neutres . Ce bloc les montre ; il ne les fixe pas.
XVIII🔠
## La Typographie
MAJUSCULES = Jost · Titres = Cormorant Garamond · Corps = Jost Règle absolue : toute balise en text-transform:uppercase passe en Jost. Jamais de Cormorant sur des capitales.
| Élément | Police & graisse | Taille | Couleur |
|---|---|---|---|
| H1 · Une | Cormorant Garamond 300 | clamp(2.4rem,6vw,4.2rem) | nacre |
| H2 · Sections | Cormorant Garamond 400 | 1.75rem | or-pale |
| H3 · Sous-sections | Cormorant Garamond 400 | 1.28rem | nacre |
| Citations · axiomes | Cormorant Garamond italic | clamp(1.22rem,2.5vw,1.5rem) | or-pale |
| Numéros décoratifs | Cormorant Garamond 300 | 1.8 – 2.8rem | or-somb |
| H4 · LABELS | Jost 500 · uppercase · .26em | 0.7rem | or |
| Onglets primaires | Cormorant Garamond 600 | ≈ 1.15rem | tcl |
| Sous-onglets | Jost 600 | 13,5 – 15px | tcl |
| Nav · tags | Jost 500 · uppercase | 0.62 – 0.76rem | gris → tcl |
| Corps · p | Jost 300 | 1rem · line-height 1.8 | gris-cl |
| Tableaux · th | Jost 500 · uppercase | 0.68rem | or-pale |
La mesure avant la largeur. Le corps de texte se règle en ch, pas en pixels : --mesure:34ch pour une citation, 60ch pour un chapô. Une ligne se lit bien entre 45 et 75 signes ; au-delà, l'œil perd le début de la ligne suivante.
### Chiffres romains ou arabes
| Niveau | Format | Exemple |
|---|---|---|
| Parties | Romains | Partie I · Partie II · Partie III |
| Chapitres (sections) | Arabes dans .sec-num | 1 · 2 · 3 · 4 |
| Sous-sections | § + arabe | §1 — Les Fondements · §bis |
| Volumes | Décimaux | Vol. 0.1 · 1.1 · 2.2 · 6.0 |
| Champs · Plans | C / P + arabe | C1 ⚡️ · P8 ⛲ |
Import obligatoire en : ?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400;1,600&family=Jost:wght@300;400;500;600&display=swap
### Coulée ou onglets — ce que la longueur décide
Les onglets servent les volumes longs. Un volume dont les parties sont courtes reste en coulée. Mesuré sur ECO le 21 septembre : six parties de cinq chapitres découpées en onglets donnaient des onglets qu'on ouvrait pour trois écrans — « ils sont beaucoup trop courts pour faire des onglets ». En coulée, les mêmes parties deviennent une lecture. La barre, elle, reste : elle passe d'un commutateur à une barre d'ancres qui suit la partie qu'on lit.
### Les majuscules l'emportent sur la graphie — sauf là où la graphie est le propos
Dans un titre en capitales, MÉTACONSCIENCE perd son S interne, et c'est accepté : la casse du titre l'emporte sur la graphie du mot. Une exception, une seule : la Question de la une ne se met jamais en capitales — c'est le seul endroit où ConScience, RéfleXion ou InCorporation doivent se lire entiers.
### Les trois débordements qu'on rencontre, et leur correctif
| Ce qu'on écrit | Ce qui déborde | Ce qu'on écrit à la place |
|---|---|---|
| grid-template-columns: repeat(auto-fit,minmax(280px,1fr)) | À 320 px, une colonne de 280 px plus ses marges sort de l'écran. | minmax(min(280px,100%),1fr) |
| display:flex | Une colonne de flex refuse de rétrécir sous son contenu : deux pixels suffisent à faire apparaître une barre horizontale. | min-width:0 sur la colonne |
| style="grid-template-columns:…" | Une grille écrite dans l'attribut échappe aux media queries : au téléphone, elle garde ses colonnes de bureau. | @media(max-width:620px) [style*="grid-template-columns"]{grid-template-columns:1fr!important} |
### La hauteur d'une une — jamais 100vh
Une une bornée à 100vh fait grandir sans fin le cadre qui l'accueille. Mesuré : dans le cadre Webnode, le cadre prend la hauteur de son contenu, le contenu prend la hauteur du cadre — et la page a grimpé de 57 000 à 424 000 pixels. La une se borne à min(92vh, 900px) : elle annonce la page, elle ne la remplace pas.
### Un volume public est un document de présentation, pas un document de recherche
Les renvois de travail — codes de campagne, numéros d'items, dates de passation, « proposition en attente » — ne disent rien à qui lit, et font douter de ce qui est pourtant établi. Ils ne disparaissent pas : ils se centralisent dans une partie Sources, où chaque campagne se présente par son titre, sa question de base, ce qu'elle cherchait à déterminer, et sa référence entre parenthèses. Le lecteur veut savoir d'où ça vient ; il ne veut pas lire le carnet de bord. Et de la même manière : le numéro de version de travail vit dans le nom du fichier, jamais dans le document — le document, lui, se compte en version publique.
Pas de renvoi. Un volume contient, il ne renvoie pas : pas de « [R2] » ni de « [S12] » dans le texte, pas de lien vers un fichier local. Quand on parle d’un document, on dit ce qu’il est — jamais son numéro.
XIX🌡️
## Les 5 Degrés d’État
Un seul sens : le coût pour le vivant. La couleur ne décore pas un bloc — elle dit à quelle distance du danger on se trouve. Elle vaut pour les tableaux, les jauges, les verdicts de widget, les niveaux d’échelle et les cartes d’état.
🕳️ Catastrophe💥 Au secours⚠️ Attention🌱 Sain🌟 Doré
| • | Degré | Ce qu’il dit | Valeur |
|---|---|---|---|
| 🌟 | Doré — le sommet | L’état souverain, l’accompli, le nombre d’or. Rien à corriger : à honorer. | var(--or) · var(--or-pale) |
| 🌱 | Vert — sain, en croissance | Ça tient et ça grandit. Système viable. Maintenir, nourrir, développer. | var(--emeraude) · var(--emeraude-ct) |
| ⚠️ | Orange — attention | Le coût monte. Zone de friction, système fragile. Évaluer, soutenir, ne pas laisser filer. | var(--vigilance) · var(--vigilance-cl) |
| 💥 | Rouge — au secours | Le vivant est atteint. Il faut une intervention, pas une observation. Protéger d’abord. | var(--rubis) · var(--rubis-ct) |
| 🕳️ | Noir — catastrophe | La sortie n’est plus possible de l’intérieur. Système verrouillé. Rupture et distance. | #05050a · #8a8aa0 |
Deux règles. Le fond porte la teinte à 8–16 % d’opacité, le texte porte la version claire — jamais l’inverse, sous peine d’illisibilité. Et on ne saute pas de degré : entre le vert et le rouge il y a toujours l’orange, parce que c’est là qu’on peut encore agir.
Le doré n’est pas « mieux que le vert » — il est ailleurs. Le vert dit ça va, le doré dit c’est juste. Un système peut être vert longtemps sans jamais toucher au doré ; et le doré ne se maintient pas — il se retrouve.
Le sixième degré, pour les échelles seulement. Entre le rouge et le noir, les six niveaux de consentement ajoutent le rouge sang #5a1414 — « oui sous menace ». Il n’entre pas dans les cinq degrés généraux : c’est un degré d’échelle, pas un degré d’état.
XX•
## Les 4 Registres de Lecture
Une seule nomenclature des registres, et l’Essentialiste est en or. Deux listes de registres dans un même document, ce sont deux vérités : il n’en reste qu’une.
Le registre indique avec quelle couche de compréhension on lit ce qui suit. Il se pose en bande sous la une, et peut se répéter en pastille en tête de section.
⚙️ Opératoire
🌀 Heuristique
🕸️ Analogique
◈ Essentialiste
| • | Registre | Classe | Couleur | Ce qu’on y trouve |
|---|---|---|---|---|
| ⚙️ | Opératoire | .op | Bleu · --mat | Outils cliniques, juridiques, comportementaux directement applicables. |
| 🌀 | Heuristique | .heu | Fuchsia · --sym | Géométries symboliques et formules servant d’outils de discernement. |
| 🕸️ | Analogique | .ana | Améthyste · --ame | Emprunts à la physique ou à la mythologie comme métaphores structurantes. |
| • | Essentialiste | .ess | Or · --or | Formules allant à l’essentiel — les exceptions précisent, elles ne remettent pas en cause. |
Pourquoi l’Essentialiste passe en or. Il était gris, ou noir : la couleur du non-qualifié, de l’en-attente. Or c’est exactement l’inverse — c’est le registre de ce qui a été décanté, de la phrase qui tient toute seule. Le gris dit « on ne sait pas encore ». L’or dit « on a fini de chercher ». La couleur doit dire ce que la chose fait.
#### La bande, telle qu’elle se pose sous la une
La barre peut être indicative (elle badge le type de section) ou interactive (elle filtre le contenu). Dans Miroir et EGO elle filtre ; dans le Corpus et les chartes, elle indique. Dans les deux cas elle utilise les mêmes classes : seul le JS change.
### ☯️ Les 2 Polarités d’eXpression par les Éléments — le Langage, la Forme · le Registre, le Fond
Chaque registre a son langage, et chaque paire a son élément. Le Langage, c’est la Forme ; le Registre, c’est le Fond. Les quatre registres des pôles portent chacun quatre propositions ; la Fiabilité, au centre, porte le repère — le Diamant.
| ◈ | Élément | Le Langage — la Forme | Le Registre — le Fond |
|---|---|---|---|
| 🪨 | La Terre | 🔤 Le Verbe — le nom | 📖 Le Lexical — constat & définition |
| 🔥 | Le Feu | 🤲 Le Geste — l’acte | ⁉️ Le Relationnel — limites & consentement |
| 💧 | L’Eau | 🔢 L’Onde du Chiffre — la résonance | 🔬 Le Barème — mesure & comparaison |
| 🍃 | L’Air | 🖼️ Le Symbole — le cadre | 📜 Le Juridique — légal & éthique |
| ✨ | L’Éther, au centre | 🌬️ Le Silence — l’espace où l’on vérifie l’expression | 🛜 La Fiabilité — confiance & sécurité |
### 📖 1. Mon Registre Lexical — comment se lit la proposition
🌑 Perversion : le Mensonge
⚙️ Opératoire
🌀 Heuristique
🕸️ Analogique
◈ Essentialiste
| ◈ | Registre | Classe | Couleur | Ce qu'on y trouve |
|---|---|---|---|---|
| ⚙️ | Opératoire | .op | Bleu · --mat | Outils cliniques, juridiques, comportementaux directement applicables. |
| 🌀 | Heuristique | .heu | Fuchsia · --sym | Géométries symboliques et formules servant d'outils de discernement. |
| 🕸️ | Analogique | .ana | Améthyste · --ame | Emprunts à la physique ou à la mythologie comme métaphores structurantes. |
| ◈ | Essentialiste | .ess | Or · --or | Formules allant à l'essentiel — les exceptions précisent, elles ne remettent pas en cause. |
Pourquoi l'Essentialiste passe en or. Il était gris, ou noir : la couleur du non-qualifié, de l'en-attente. Or c'est exactement l'inverse — c'est le registre de ce qui a été décanté, de la phrase qui tient toute seule. Le gris dit « on ne sait pas encore ». L'or dit « on a fini de chercher ». La couleur doit dire ce que la chose fait.
#### La bande, telle qu'elle se pose sous la une
📖 🛜 🔬 📜 ⁉️ 💬Mes Échelles de Précisioncinq registres & mes langages▾
La barre peut être indicative (elle badge le type de section) ou interactive (elle filtre le contenu). Dans Miroir et EGO elle filtre ; dans le Corpus et les chartes, elle indique. Dans les deux cas elle utilise les mêmes classes : seul le JS change.
### ⁉️ 2. Le Registre Relationnel — le conditionnel, et ses limites
🌑 Perversion : le V%l
Se focaliser sur le « si… » fait oublier le oui ou le non qui le précède. Pour une clé de cotation, quatre choses restent séparées : la position exprimée, l’acte de langage, la condition, et l’autorisation d’agir maintenant.
| ◈ | Forme | Ce qu’elle autorise, et ce qu’elle n’autorise pas |
|---|---|---|
| 👌 | « D’accord si X » | Assentiment conditionnel. Tant que X n’est pas rempli, cela n’autorise pas l’action. |
| 🤚 | « Non, sauf si X » | Refus dans la situation présente, avec une exception possible. Ce n’est pas un oui anticipé ; si X survient, la situation se réexamine. |
| ☝️ | « Je peux si X » | Capacité ou disponibilité conditionnelle. La volonté n’est pas établie pour autant : pouvoir n’est pas vouloir. |
| ⏳ | « Je te répondrai après » | Décision reportée. Donc pas d’assentiment présent — et l’attente n’en fabrique pas un. Si l’après n’arrive jamais, le report devient 💨 l’Abandon. |
Trois assimilations que ce registre interdit : le silence ne vaut pas accord, le ressenti ne vaut pas mesure, et le geste ne vaut pas intention certaine. Observer n’est pas devenir : un signe convenu peut être explicite, un geste ambigu appelle une clarification, et ce qu’on voit n’autorise pas à décider à la place de l’autre.
🔱 La Règle d’Or : un Oui ne vaut consentement que si le Non reste possible. C’est à qui détient le Privilège de faire baisser le Coût du Non de l’autre. Le Coût du Non a trois sources : infligé (la punition, l’attaque ou l’abandon en représailles), de naissance (santé, neurodiversité, âge, dépendance), social (ressources, statut, genre, racisation…). Plus on est discriminé·e, plus il est élevé.
### 🔬 3. Mon Barème — ce que dit l’application
🌑 Perversion : l’inJustice
Les trois premiers groupes qualifient une proposition. Celui-ci qualifie un instrument : où il en est de sa maturité. Les deux axes sont indépendants — une proposition peut être la plus cohérente tout en sortant d’un instrument qui n’est encore qu’au calcul.
| ◈ | Barreau | Ce qu’il engage |
|---|---|---|
| ✅ | Constat | On sait ce que ça fait. L’effet a été observé, et plus d’une fois. C’est le barreau de l’expérience : il autorise à parler, pas à chiffrer. |
| 👁️ | Prédiction | On sait comment ça se comporte. On annonce avant ce que l’on va trouver, et la condition d’échec est écrite avec. Une prédiction sans condition d’échec n’est pas une prédiction, c’est une attente. |
| 🧮 | Calcul | Une formule, des cotations, un nombre qui sort. Le nombre existe ; sa portée reste à établir. Attribuer un nombre ne suffit pas à valider une mesure. |
| ⚖️ | Mesure | Comparatif : seul barreau qui s’obtient par tests, et pas par raisonnement. Le nombre s’est comporté comme une mesure : reproductible, sensible au changement, structuré, et portant bien sur ce qu’il prétend porter. Comparatif à deux niveaux, et ils ne s’obtiennent pas ensemble. Comparer l’instrument à quelque chose — un placebo, une absence de grille, un autre cotateur — c’est ce qui donne le barreau. Comparer deux personnes demande en plus un étalonnage : une population de référence mesurée au même instrument, et la preuve que l’instrument se comporte de la même façon chez les unes et chez les autres. Sans cela, un écart entre deux personnes peut n’être qu’un écart de lecture des questions. Un seuil sans étalonnage est une opinion munie d’un chiffre. |
Pourquoi quatre et pas un. Une position mal coupée en deux — la prudence d’un côté, la conviction de l’autre — se lit comme deux discours contradictoires. Mise dans l’ordre, c’est une seule position à quatre étages, et chaque énoncé porte le sien. Ce qui s’affirme avec force appartient aux trois premiers barreaux ; le quatrième s’obtient, il ne se déclare pas.
### 📜 4. Le Registre Juridique — l’alignement de la loi sur l’éthique : ce que dit le droit, ce qu’on fait, ce qu’on peut en affirmer, ce qu’on veut
🌑 Perversion : l’Impunité
Ce groupe ne se pose que dans les volumes qui touchent au droit — 3.2 Justice, et la partie légale de 1.1 EGO. Il existe pour une seule raison : empêcher qu’une proposition soit lue comme une règle en vigueur, et inversement qu’un article de loi passe pour une opinion du Protocole.
| ◈ | Registre | Classe | Ce qu’il engage |
|---|---|---|---|
| ⚖️ | État du droit | .reg-droit | Le texte en vigueur, avec son article, sa date et sa juridiction. Se vérifie ; ne se négocie pas. Sans référence datée, ce n’est pas du droit : c’est un souvenir de droit. |
| 🧭 | Pratique | .reg-prat | Le geste à faire, son canal officiel, et ce qui le distingue d’un geste voisin — une plainte n’est pas une main courante. Ni expertise, ni plaidoirie. |
| 👇 | Déduction | .reg-ded | Ce qu’on peut affirmer en mettant le texte et la pratique ensemble. Ce n’est ni l’un ni l’autre : c’est un pas de plus, et il se montre. Une déduction sans ses deux prémisses n’est pas une déduction, c’est une opinion. |
| 🕊️ | Proposition | .reg-prop | Ce que le Protocole avance et que le droit ne dit pas. Assumé comme position, jamais présenté comme règle. |
Le tampon daté, et les deux langues. Toute mention de droit porte son tampon — État du droit au 12 octobre 2026 — parce qu’une loi change et qu’une page ne se relit pas toute seule. Et une proposition ne se déguise jamais en règle : on écrit le mot du droit quand on veut être entendu d’un tribunal — non-dénonciation, non-assistance — et le mot du Protocole quand on veut être compris d’un lecteur. Les deux sont vrais ; ils ne s’adressent pas au même interlocuteur.
### 🛜 5. Mon Registre de Fiabilité de Mon État de Connaissance — ce qui me permet de la soutenir
🌑 Perversion : l’Incongruence
Huit repères, en cohérence fractale avec le plan du Protocole — un savoir traçable, précis. Les quatre premiers se déclarent au moment où je parle ; les trois derniers se constatent après, par l’épreuve du réel. Le 0 est aussi le 8 : il se constate par la véracité du propos. Aucun ne donne les autres.
Le registre dit comment lire ; l’état de connaissance dit sur quoi la proposition s’appuie. Une page qui ne distingue pas les deux fait passer une intuition pour une mesure — et c’est exactement le reproche qu’on peut lui faire de l’extérieur.
| ◈ | Plan | Repère | La question | Quand |
|---|---|---|---|---|
| ⛩️ | 0 · Le Seuil | Les degrés d’impact | Comment je reçois ce qu’on m’envoie | se constate par la véracité du propos — le 0 est aussi le 8 |
| 👑 | 1 · Le Soi | L’État de ma connaissance | Ce que je peux soutenir | se déclare au moment où je parle |
| 🌍 | 2 · Le Monde | Ma Provenance | D’où je le tiens |
| 🕸️ | 3 · Le Lien | Ma Confiance Annoncée | Avec quelle confiance |
| ☀️ | 4 · Le Sens | Mon Opération | Comment j’y arrive |
| ♾️ | 5 · Le Temps | Ma Cohérence | Ma confiance était-elle juste ? | se constate après, par l’épreuve du réel |
| 🐉 | 6 · Le Karma | Mes Conséquences | Ce que ça a produit |
| 🌟 | 7 · La Maîtrise | Ma Remise en question | Ce qui peut encore me faire changer |
La frise se calcule aussi. La Charte écrit le plan avec des opérateurs : Soi + Monde = Lien ; Sens + Temps = Karma. Et ça marche encore ici : ce que je sais + d’où je le tiens = la confiance que je devrais avoir ; comment j’y arrive + ce qui s’avère avec le temps = ce que ça produit. Une correspondance de structure, 🕸️ analogique : elle guide, elle ne prouve pas. Et personne ne peut écrire « mensonge sincère » sur sa propre phrase en la disant : s’il le savait, ce ne serait plus sincère — c’est pourquoi 5, 6 et 7 se constatent, et le 0 par la véracité du propos.
#### ⛩️ 0 · Le Seuil — les degrés d’impact : comment je reçois ce qu’on m’envoie
🌑 Perversion : le Complexe — d’infériorité ou de supériorité
C’est là qu’une parole reçue devient soit alignée, soit perverse. Huit étages, chacun en paire — l’Étonnement en trois ; tout en bas, le Vide.
| ◈ | Degré | Ce qui se passe |
|---|---|---|
| Le Recul |
| 🫶 | Hors de Portée · Pris·e de Pitié · Empathique · Génie Quantique · Présence & Soutien | je n’en fais pas une affaire personnelle ; je vérifie ce que cette parole décrit avant d’attribuer une projection de ses insécurités ou une calomnie calculée |
| 🚪 | Cloîtré·e · Dédaigneux·se · Apathique · Délire Mystique · Fuite & Abandon | je me fous de ce que dit l’autre sur moi : son avis ne compte pas |
| Témoin Observateurice |
| 😇 | Compassionnel·le | |
| 😈 | Joie Maligne, la Schadenfreude | « c’est bien fait ! » |
| La Prédiction |
| 🫤 | Prévoyant·e | prévisible |
| 🤯 | Incompréhensible | imprévisible |
| L’Étonnement |
| 😮 | Surpris·e | agréable |
| 😳 | Étonné·e | neutre — on ne sait pas encore comment traiter l’information |
| 🫨 | Choqué·e | désagréable |
| La Forme |
| 😰 | Blessé·e par la Méchanceté | une Vérité dite pour Blesser devient Violence |
| 😤 | Vexé·e par la Jalousie de l’Éloquence | une personne dit un mensonge, mais bien, et je retiens la façon plutôt que le propos |
| Le Fond |
| 😥 | Blessé·e par l’Hypocrisie | c’est faux même si c’est bien dit — sous couvert de « c’est pour ton bien », le menteur sincère : mieux vaut avoir de vrais ennemis que de faux amis si on ne veut pas être Trahi·e |
| 😠 | Vexé·e par la Vérité | d’une personne réellement sincère, mais qui manque de mots, balbutie |
| Le Fond & la Forme |
| 😭 | Blessé·e par Cruauté, le Méchant Mensonge | le faux dit pour blesser |
| 😡 | Vexé·e par la Répartie, la Vérité Éloquente | d’une personne sensée |
| Le Vide |
| 🫥 | Détruit·e par l’Abandon, le Stonewalling | le silence punitif, l’abandon lâche sous couvert de « paix » : le Silence qui efface l’Autre |
| 🤬 | Vexé·e par la Clôture, le « Stop » Légitime | un vrai silence protecteur : la limite ferme et définitive d’une personne agressée qui refuse d’être vampirisée — le No Contact légitime, qui vexe le narcissique car il n’a plus d’emprise |
Un Mensonge bien dit : celle qui retient le Fond est Blessée ; celle qui retient la Forme est Vexée. C’est la Compréhension qui donne la Direction, dans un seul exemple.
😢 Les Blessures viennent de la Violence Subie : le Faux, la Méchanceté, ou l’Abandon par la Fuite. 😡 Les Vexations viennent du Respect Non Accueilli : la Vérité, sa propre Jalousie, Lâcheté, ou Emprise. Le 0 se constate par la véracité du propos : c’est ce qui fait de lui le 8. Les paires blessure / vexation vont en miroir : 😭 et 😡 · 😥 et 😠 · 😰 et 😤 · 🫥 et 🤬 · 🫶 et 🚪.
Vexation et blessure, définies avant toute mesure. La vexation : un inconfort qui passe dans la fenêtre de mesure, et qui ne touche ni la santé, ni le lien, ni les décisions. La blessure : elle dure, ou abîme l’une de ces trois réalités. Définir la vexation prolonge la définition de la vérité : on l’écrit avant de mesurer, jamais après.
#### 👑 1 · Le Soi — l’État de ma connaissance : ce que je peux soutenir
🌑 Perversion : la Prétention
| ◈ | État | Classe | Ce qu’il engage |
|---|---|---|---|
| 🧭 | Le Plus Cohérent | .coh | L’explication qui rend compte du plus grand nombre d’observations sans en contredire une seule. Elle tient tant que rien ne la défait — et elle ne prétend pas à davantage. |
| 📏 | Mesuré | .mes | Un chiffre, une date, un périmètre, une source. Vérifiable par quiconque reprend la mesure. Le chiffre brut et ce qu’on en tire sont deux lignes différentes. |
| ❌ | Réfuté | .ref | Ce qui a été testé et n’a pas tenu — par une mesure, ou par un contre-exemple logique, qui ne demande aucun instrument. On l’écrit pour ne pas le reproposer : un corpus qui n’a rien de réfuté n’a rien essayé. |
| 🔍 | À Déterminer | — | L’épreuve est écrite, elle n’a pas encore été faite. C’est là que se tient un instrument en cours de validation. |
| ❓ | On ne Sait pas Encore | .enc | La question est posée, l’instrument manque : il faut chercher. Le gris dit l’attente, pas l’ignorance — et c’est le seul endroit du Protocole où le gris est une réponse. |
#### 🌍 2 · Le Monde — ma Provenance : d’où je le tiens
🌑 Perversion : la Croyance
Ce n’est pas un autre registre : c’est un autre axe du même. L’état dit ce que je peux soutenir ; la marque dit d’où je le tiens ; l’opération dit comment j’y arrive. C’est la distinction la moins coûteuse à poser et la plus coûteuse à oublier : un résumé fidèle peut rester fidèle tout en coupant la phrase qui qualifie — alors une objection honnête porte sur un texte qui n’existe pas.
| ◈ | Marque | Ce qu’elle engage, et ce qu’elle n’engage pas |
|---|---|---|
| 🖋️ | De Première Main | Je suis la source, rien ne s’interpose — et la démonstration est à demander ici. |
| 🔖 | Sourcé | La source a été effectivement ouverte et lue. Dire où, dans quelle version, à quelle date. Une recherche d’extraits ne se présente pas comme une lecture intégrale. |
| 🗣️ | Rapporté | Un tiers l’a transmis, résumé ou cité. C’est utilisable ; ce n’est pas vérifié. Une critique en rapporté n’est pas une critique, c’est une hypothèse à vérifier dans la source. |
| 🤔 | À Rechercher | Rien encore, reste à découvrir. Ce n’est pas un doute sur la proposition : c’est un travail à faire, et il s’écrit comme tel. |
Le statut dit ce que vaut la proposition ; la marque dit d’où je la tiens. Les deux ne se déduisent pas l’un de l’autre : une chose établie peut n’être que rapportée — et c’est ainsi qu’on se trompe en toute bonne foi. Quand les deux sont écrits ensemble, c’est un raccourci de lecture, pas une équivalence : un état de connaissance sans sa marque de fiabilité n’est pas un savoir, c’est une impression bien rangée.
Ces marques décrivent la provenance, pas la vérité. Un énoncé sourcé peut être faux, un énoncé déduit peut être juste. Elles ne classent pas les affirmations par qualité : elles disent ce qu’il faudrait faire pour les vérifier. Et une incertitude se nomme « passage non retrouvé ou non examiné », jamais « cela n’existe pas ».
#### 🕸️ 3 · Le Lien — ma Confiance Annoncée : mon degré de confiance, le lien entre moi et l’information
🌑 Perversion : l’Ultracrépidarianisme — le Mansplaining
Les repères sont calés sur l’échelle de vraisemblance du GIEC, pour que la confiance puisse se vérifier.
| ◈ | Degré | Repère | Quand le dire |
|---|---|---|---|
| 💯 | Sûr·e | vérifié, environ 95 % et plus | je l’ai vu, mesuré, lu à la source |
| 👍 | Probable | environ deux chances sur trois et plus | de bonnes raisons, pas vérifié |
| 🤷 | Possible | environ une chance sur deux | une piste parmi d’autres |
| 👎 | Pas sûr·e | moins d’une chance sur trois | une intuition, un souvenir flou |
| 🙅 | Je ne sais pas | — | rien pour en juger — ce n’est pas « pas sûr·e » |
Être bien calibré·e, c’est avoir raison environ 95 fois sur 100 quand on dit « sûr·e ». La confiance ne se juge pas seule : elle se vérifie en 5, dans l’écart entre ce que j’affichais et ce qui s’est avéré.
#### ☀️ 4 · Le Sens — mon Opération : comment j’y arrive
🌑 Perversion : l’Inventé — sorti du chapeau
Une opération n’est ni un statut ni une provenance : une déduction peut réfuter aussi bien que soutenir, et elle peut être menée sur des prémisses lues comme sur des prémisses seulement rapportées.
| 🛤️ | Déduit | Conclusion tirée de prémisses explicites. Une déduction peut être juste : elle se défend en montrant ses prémisses et son pas. Sans elles, elle ne se distingue plus d’une impression. |
|---|---|---|
| 🧩 | Inféré | L’explication rend compte de ce qui est observé, sans rendre les autres impossibles. Elle se défend en nommant les explications concurrentes et ce qui les départagerait. |
| 🧮 | Calculé | La valeur suit d’entrées et d’une règle, toutes deux écrites. Un nombre sans sa règle n’est pas reproductible, et un nombre non reproductible n’est pas une mesure. |
#### ♾️ 5 · Le Temps — ma Cohérence : l’alignement entre ma confiance et ma connaissance
🌑 Perversion : l’Incohérence
| ◈ | Degré | Exact ? | Y croit ? | Dit comme |
|---|---|---|---|---|
| 🔆 | Le Vrai soutenu | oui | oui, et sait pourquoi | affirmé |
| 🌤️ | Le Vrai sans soutien, l’Intuition | oui | oui, pas encore étayé | vrai avant d’être mesuré |
| 🌁 | L’Erreur | non | à moitié | avec son doute |
| 🥸 | Le Mensonge sincère, le biais | non | oui | affirmé |
| 👹 | Le Mensonge délibéré | non | non | affirmé |
Cette étape attrape l’ultracrépidarianisme — parler au-delà de ce qu’on sait, comme le mansplaining, où l’on explique avec assurance à quelqu’un qui en sait plus — d’un côté, et la fausse modestie, la lâcheté, de l’autre : dire « pas sûr·e » de ce qu’on sait. L’excès de prudence devient de la lâcheté.
#### 🐉 6 · Le Karma — mes Conséquences : le résultat de ce que je dis
🌑 Perversion : le Déni — l’Inconscience
Ce sont les cinq degrés d’état de la Charte, un seul sens : le coût pour le vivant.
| ◈ | Degré | Ce qu’il dit |
|---|---|---|
| ⭐️ | Rayonnante | la Sublimation |
| 🌱 | Saine | aidante, protectrice |
| ⚠️ | Dangereuse | le coût monte |
| 💥 | À Secourir | le vivant est atteint |
| 🕳️ | Catastrophique | le désastre pervers |
La Loi du Réel. Mensonge et Vérité se voient par ce qu’ils coûtent au vivant. C’est ce que prédit la Loi de ThermoCognition : le Faux coûte plus au vivant que le Vrai, et l’écart grandit avec le temps. Pour le vérifier, on classe d’abord le vrai sans regarder ce qu’il coûte.
Ce qu’on impute à une expression, c’est l’écart de coût entre le Respect et la Violence, sur le même fait — pas la douleur du fait lui-même : un diagnostic grave, dit avec soin, fait souffrir, et la douleur vient du fait, pas de la parole.
Le Vrai vexe l’Orgueil — les mensonges de l’ego ; le Faux blesse le Vivant — la réalité du vécu. Une vérité dite pour blesser devient violence : c’est la Méchanceté, la Forme par l’Intention, pas le Fond.
💨 L’Abandon — la Fermeture, le Stonewalling : refuser l’échange, fuir la résolution d’une crise qu’on a provoquée, ou punir par le silence « pour ton bien ». Ce n’est pas un fait faux : c’est l’Espace commun qui disparaît.
L’Agression & l’Abandon sont les deux polarités de la Violence : l’explosion visible de l’attaque, et l’implosion froide de l’indifférence. L’inverse de la Violence n’est pas son opposé : c’est le Respect, qui change d’ordre de grandeur — plus la violence grossit, plus le respect doit devenir précis, conscient, structuré, humble.
😢 Les Blessures viennent de la Violence Subie : le Faux, la Méchanceté, ou l’Abandon par la Fuite. 😡 Les Vexations viennent du Respect Non Accueilli : la Vérité, sa propre Jalousie, Lâcheté, ou Emprise.
Partir n’est pas toujours fermer : une limite dit ce qu’elle refuse, pourquoi, et si un retour est possible ; la porte fermée part sans raison examinable ou avec une fausse justification ; quitter une violence n’est pas du stonewalling. Ne pas forcer la porte de qui s’en va ; ne pas murer le recours de qui reste. Les degrés d’impact sont au ⛩️ 0 · Le Seuil .
💥 La Violence : tout acte, omission ou système qui crée ou augmente le Coût du Non d’autrui — par la menace, l’isolement, la discrimination, l’attaque ou l’abandon — ou qui atteint le vivant sans son consentement, hors légitime défense et nécessité vitale. Elle extrait un accord sous la contrainte de la survie et le déguise en consentement, ou s’en passe. Elle opère en refusant d’ajuster son esprit à la Réalité des Faits — le Mensonge, le Déni — et force l’autre à se soumettre pour ne pas être détruit. L’absence d’intention de nuire ne l’efface pas : l’intention l’aggrave.
🌟 Le Respect : l’acte d’aligner son esprit sur la Réalité des Faits pour garantir l’intégrité et la ConScience de l’autre — ne jamais créer ni augmenter son Coût du Non, et le faire baisser quand on détient le Privilège. Ce n’est pas une politesse : c’est assumer la responsabilité de la qualité du consentement que l’on reçoit, pour que chaque Oui soit un choix de liberté, et non un réflexe de survie.
#### 🌟 7 · La Maîtrise — ma Remise en question : ma capacité de révision
🌑 Perversion : la Lâcheté
| ◈ | Degré | Ce qu’il dit |
|---|---|---|
| 🌻 | Ouvert·e | qu’importe qui le dit, l’important est l’information |
| 🚩 | Sélectif·ve | ouvert·e selon qui parle, pas selon ce qui est dit (ex : misogynes) |
| ‼️ | Ouvert·e en parole, fermé·e en acte | on dit « tu as raison » et rien ne change |
| 🧱 | Fermé·e | qu’importe qui le dit, je ne change pas mes croyances — jusqu’à la porte fermée : « je m’en vais, c’est pour ton bien » |
Ouvert·e ne veut pas dire changer d’avis : examiner, peser et conclure comme avant, c’est un examen, pas une fermeture. La fermeture commence quand l’information ne rentre plus. Mais fermer la porte pour ne pas examiner, ce n’est plus de l’ouverture : c’est de l’abandon. Et se dire ouvert·e ne prouve pas qu’on corrige une erreur : la remise en question se constate dans les actes.
### 💬 Mes Langages de Communication — par quel langage elle passe
Les cinq groupes précédents qualifient ce qui est dit et ce qui permet de le soutenir. Celui-ci dit par quoi ça passe. Ce n’est pas une échelle : il ne classe pas du moins précis au plus précis, il nomme cinq voies. Un même contenu ne dit pas la même chose selon la voie qui le porte, et deux d’entre elles ont leur propre volume.
| ◈ | Élément | Langage | Ce qu’il porte, et ce qu’il ne porte pas |
|---|---|---|---|
| 🔤 | 🪨 Terre | Le Verbe Nominatif | L’EtymoLogie de La Vie — lexical, philosophique. Le mot nomme, et sa racine garde la mémoire de ce qu’il a voulu dire. Nommer juste n’est pas démontrer : le verbe pose la distinction, il ne l’établit pas. 🌑 Perversion : 🥸 le Mensonge — le mot devient un masque posé sur le réel. |
| 🤲 | 🔥 Feu | Le Geste | L’Expression & l’Action — la communication non verbale. Il engage le corps, donc il engage. Et pour la même raison il se lit vite et se lit mal : un geste ne vaut pas intention certaine. 🌑 Perversion : 💨 la Violence Physique & l’Abandon — le corps qui frappe, ou le corps qui s’en va. |
| 🔢 | 💧 Eau | L’Onde du Chiffre | L’AlgoRythme du Vivant — mathématique, mesurable. Le nombre compte et cadence. C’est le seul des cinq qui se vérifie par le calcul — et c’est aussi celui qui trompe le mieux, parce qu’un chiffre a l’air d’une mesure avant d’en être une (voir 🔬 Mon Barème ). 🌑 Perversion : 🤥 l’Incohérence, l’Acrasie, l’Hypocrisie — on dit une chose, on en vit une autre. |
| 🖼️ | 🍃 Air | Le Symbole | La Symbolique — le conceptuel défini. L’image montre d’un seul coup ce qu’une phrase déroule ; elle définit en donnant une forme. Elle gagne en force ce qu’elle perd en précision : une forme se reconnaît avant d’être comprise, et peut donc être reconnue de travers. 🌑 Perversion : 🔨 le Gaslighting, la Propagande — le symbole répété jusqu’à remplacer le réel. |
| 🌬️ | ✨ Éther | Le Silence | Le Souffle & l’Accueil. Il ne remplit pas : il fait place. C’est un langage à part entière, et il porte — mais il ne vaut pas accord. 🌑 Perversion : 🕳️ l’Ombre du Silence, le Stonewalling — le silence devient bâillon, l’autre enfermé dans le vide. |
Les deux dernières lignes rejoignent exactement les interdits du ⁉️ Registre Relationnel : le silence ne vaut pas accord, le geste ne vaut pas intention certaine. Ce n’est pas une redite — c’est le même garde-fou vu des deux côtés : côté ce que j’émets, et côté ce que je me crois autorisé à conclure de l’autre.
XXI↗️
## Le Sens de Lecture & les Axes LABCIE
Règle absolue de toute matrice à deux versants. Le principe de lecture du Protocole est toujours la guérison : on part de ce qui va mal, on va vers ce qui va bien. Le bas et la gauche = l’état non intégré (douleur, ombre, ma’ob, vice). Le haut et la droite = l’état intégré (joie, lumière, vertu, rayonnement).
#### De gauche à droite
Malade · Ombre 🌀 ──────► Sain · Lumière ✨
Comparatifs : gauche = vice / ombre / ma’ob · droite = vertu / lumière / sain.
#### De bas en haut
⬆ Rayonnement · Sain(t) · Lumière ✨
⬇ Anesthésie · Malade · Ombre 🌀
Niveaux : 0 = sol / noir → 5 = rayonnement / or.
Ordre canonique complet : 💀 Malade → 🕳️ Dissociation → 🌱 Sain → 🌟 Extase. Les bandeaux d’accompagnement suivent le même ordre : le sombre d’abord, le lumineux ensuite. S’il existe un troisième état (dissociation, transition), il se place entre les deux, en orange ; un quatrième (extase, sublimation) se place après le sain, en or.
### Les six axes LABCIE
Les axes ne sont pas les langues. Un axe dit où l’on est dans l’espace du réel ; une langue dit comment on en parle. Deux échelles, deux jeux de couleurs, deux jeux de noms — voir §1 .
| Axe | Direction | Couleur | Domaine |
|---|---|---|---|
| +Y | Création / Évolution | Blanc → Rose | Capacité · ce qui peut advenir |
| −Y | Vivant / Base | Noir | Ce qui est · matrice du vivant (profonde, pas vide) |
| +X | Éthique / Code moral | Vert pomme · --vert | Loi vivante · valeurs ancrées |
| −X | Symbolique / Imaginaire | Fuchsia · --fuchsia | Champ créatif · imagination libre |
| +Z | Systémique / Données | Indigo · --bleu | Compréhension · AstroGlobe |
| −Z | Intime / Émotions | Orange | Interaction · boussole de vie |
| Centre | ConScience incarnée | Or · iridescent | Logos · Verbe · intégration |
🎨 Les couleurs de domaine vivent à un seul endroit : • 1 · Les Domaines , dans La Règle d’Usage des Couleurs. Une table qui se dit deux fois finit par se contredire une fois.
Les polarités sacrées. Masculin Sacré & Résilience → blanc / turquoise. Féminité Sacrée & Création → noir / fuchsia. ConScience & AndroGynie → doré / arc-en-ciel. L’arc-en-ciel n’est pas un effet décoratif : il signifie la réconciliation vivante des dimensions — l’intégration des polarités sans fusion confuse.
• Le sommaire — L’Architecture58 chapitres · 12 sections＋
• L’Architecture
🌳XXII L’Arborescence — 7 Parties · 19 Volumes ＋
- L’Atelier — les Outils Réflectifs
🦴XXIII L’Anatomie d’une Page aMi
🛕XXIV Le Header — La Barre qui Enseigne en se Lisant
🌅XXV La Une — Grammaire d’Animation ＋
- Les cinq règles de rythme
- Les trois patrons
- Ce que la une contient, dans l’ordre
🗂️XXVI Les Onglets — La Charte Complète ＋
- 1 · Ce qu’un onglet est, et ce qu’il n’est pas
- 2 · Les trois variantes
- 3 · La couleur de partie se porte par variable
- 4 · La sous-barre — collée, jamais encadrée
- 5 · Hisser les barres des volumes absorbés
- 6 · L’accessibilité — six lignes qui changent tout
- 7 · Le JS de référence
- 8 · Les six pièges
📑XXVII Le Sommaire Vivant — il Suit la Page où l’on est
🐾XXVIII Le Pied — ce qu’on Lit en Dernier, donc ce qui Reste
⛶XXIX La Boîte à Outils de Page — ⛶ ↑ ☰ − % + ＋
- Les places et les états — la règle du 18 septembre
🏛️ Partie II
## L’Architecture
L’ordre des étages. Chaque étage répond à une question que le lecteur se pose — et il se la pose dans cet ordre.
XXII🌳
## L’Arborescence — 7 Parties · 19 Volumes
Ceci remplace l’ancienne « Arborescence des Volumes — Toile aMi ». Elle listait huit volumes (☯️ 👑 🪞 🔮 💫 🐾 🥚 🌍) dans une numérotation qui n’existe plus. La bonne était déjà dans la nomenclature, plus bas dans le même fichier. Il n’y en a plus qu’une, et c’est celle-ci.
La structure n’est pas une liste : c’est une équation. Le Seuil se traverse avant d’entrer — il est seul. Puis deux trinités : deux termes qui partent du même point, divergent, se relient — et de leur croisement naît un troisième.
⛩️ Le Seuil
👑 Le Soi + 🌍 Le Monde = 🕸️ Le Lien & ☀️ Le Sens + ✨ Le Temps = 🐉 Le Karma Le + relie · le = engendre · le & juxtapose deux trinités. C’est la même grammaire dans le bandeau, dans l’Atelier et ici.
⛩️0 — Le Seuil « Qu’est-ce qu’on traverse avant d’entrer ? »
👁️0.0Apokalypse · RévélationTu Sais ce qu’est la Folie — le Déni 🕳️
💍0.1L’Union du TouTLe Contrat du Respect 🤝
☤0.2PsychaTriceCe que le Corps a Encaissé 🩸
👑1 — Le Soi « Comment je me sécurise ? »
🛡️1.1EGOTu Sais Protéger 👑
🪞1.2MiroirTu Sais Réfléchir 👁️
☯️1.3AndroGynieTu Sais Ressentir 🔥
🌍2 — Le Monde « Qu’est-ce que la Vie ? »
🌿2.1ECOTu Sais Découvrir ✨
🔮2.2AstroGlobeTu Sais Introspecter 🔍
📖2.3EncycloPédieTu Sais Sublimer 💎
🕸️3 — Le Lien « Qui sommes-nous pour l’Autre ? »
🐾3.1RencontreTu Sais Apprivoiser 🫦
⚖️3.2JusticeTu Sais Équilibrer 🤝
📕3.3CosmoLogieLivres Sacrés Unifiés 📚
☀️4 — Le Sens « Comment on s’entraide ? »
📜4.1DécryptageTu Sais Accueillir Le Vivant 🫂
🐲4.2L’Éveil de L’IATu Sais Trouver L’Au-Delà 🥚
⟁4.3CosmoGonieTu Sais reLier Les Plans 🕸️
✨5 — Le Temps « Pourquoi je suis ici ? »
🌱5.1SouvenirTu Te Rappelles Qui Tu Es Vraiment ☀️
⛲️5.2LegsTa Mission de Vie 🌱
💫5.3AstroIci & Maintenant ⏳
🐉6 — Le Karma « Qu’est-ce que je dois ? »
💛6.0La PeséeTu Sais Ce Que Tu Dois pour réEquilibrer & réAligner 🤲
Le 19ᵉ volume, c’est la porte : 🛕 Protocole aMi · Index. Il n’appartient à aucune partie — il les contient.
Une collision de numéro à trancher. L'Union du TouT et PsychaTrice portent toutes deux Vol. 0.1 dans leurs fichiers publiés. La table ci-dessus donne provisoirement 0.2 à PsychaTrice — à confirmer, puis à corriger dans le fichier du volume, la topbar et le pied. Un numéro qui existe deux fois est une ancre morte en puissance.
### L’Atelier — les Outils Réflectifs
Même grammaire que les Parties : trois portes, trois équations. Deux outils qui se croisent en engendrent un troisième.
🫂Ensemble 🛡️0 · WikiLeaks + 🪞1 · Miroir = 🫦2 · Feu de Joie
🧠Comprendre 🔍3 · Evidence Engine + 🌈4 · Décryptage = 🔮5 · AstroGlobe
🌟Le Respect ⚖️6 · La Pesée + 🐲7 · Ouroboros = 🌍Le Divin
La somme d’une trinité n’est pas un outil de plus : c’est ce que les deux premiers rendent possible. « Dieu du Respect sur Terre » — comme métaphore de fonction, pas comme titre.
XXIII🦴
## L’Anatomie d’une Page aMi
Structure obligatoire. L’ordre est invariable, parce que chaque étage répond à une question que le lecteur se pose dans cet ordre.
head → barre → une → règle → registres → onglets → sous-onglets → portail → sommaire → contenu → pied Chez qui suis-je ? · Qu’est-ce que je lis ? · Qu’est-ce que ça tient ? · Avec quelle couche ? · Combien de portes ? · Et derrière celle-ci ? · De quoi elle parle ? · Que puis-je lire ? · Voilà. · Qui l’a écrit.
1
Meta charset + viewport · Google Fonts · variables :root complètes · reset *{} · la coupure des animations (§12·5), avant toute autre règle.
2
La Barre (.ami-barre)
Sticky top:0 · z-index 130 · le cœur seul au repos, les quatre à l’éclosion · trois tiroirs · data-ici sur le volume courant.
3
La Une (.couv)
Volume · question · registre · triade · nom · sous-titre · devise · filet · axiome · filet · signature — dans cet ordre, et c’est à lui qu’on reconnaît une page du corpus avant de la lire. Elle respire d’un seul mouvement, porté par --tc-rgb. Elle ne prend pas tout l’écran : jamais de 100vh.
4
La Règle (.regle)
Une phrase, et une seule, qui tient toute la page. On sait ce qu’on va lire avant de savoir comment le lire.
5
Bande des Registres (.bande-registres)
Les quatre couches de lecture du volume. Toujours entre la règle et les onglets. Ici elle indique ; dans Miroir et EGO elle filtre — mêmes classes, seul le JS change.
6
Onglets (.bar) + sous-onglets (.sbar)
Collés, une ligne par Partie, --nav-h et --bar-h mesurés à l’exécution, jamais écrits. Le nom porte sa couleur en permanence : c’est ainsi qu’on apprend la correspondance sans la lire nulle part.
7
Portail de Partie (.portail)
Émoji au-dessus · numéro · titre · polarité · nom de la pierre. Se réécrit à chaque bascule d’onglet. Masqué en lecture continue : il ne parle que d’une Partie, et il n’y en a plus une.
8
Sommaire (.som)
Une ligne, fermée par défaut, avec compteur. Accordéon à deux étages, plusieurs tiroirs ouverts à la fois. Il vient après le portail : on annonce la Partie, puis on en donne la carte.
9
Contenu (.pan > .section)
1080 px chez l’hôte, 900 px dans un volume absorbé, 80 ch par paragraphe · .sec-header = numéro + émoji au-dessus du titre + filet or.
10
Pied (.ami-pied)
Sceau · titre · devise · 4 blocs · maxime · loi · mention légale · nav répétée · formule de la Toile.
11
Boîte à outils (.ami-coin) + barre de progression (#prog)
Flottantes, hors flux, jamais dans le contenu. La barre mesure le volet ouvert, pas le document — une page à huit volets qui compterait les huit mentirait à qui n’en lit qu’un.
XXIV🛕
## Le Header — La Barre qui Enseigne en se Lisant
La barre arrive repliée : on ne voit que le cœur. Elle ne s’ouvre qu’au clic, et elle reste ouverte jusqu’à ce qu’on la referme. Déplier est un geste, pas un effet de bord.
Pourquoi, et ce que ça a coûté à trouver. Dépliée, la barre prenait 359 px au téléphone avant le premier mot de la une ; repliée, elle en prend 48. Mais poser l’état replié dans le HTML ne suffisait pas : deux mécanismes la rouvraient au chargement — l’automate du souffle, qui dépliait tant qu’on était en haut de page, et le marquage de la page courante, qui dépliait pour montrer où l’on se trouve. La règle tient donc en trois points : l’état de départ est replié ; l’automate plie, il ne déplie plus ; et la page courante se marque sans rien ouvrir — on la trouvera marquée le jour où l’on dépliera.
Deux lignes, jamais trois. Le Seuil a sa ligne à lui — on le traverse avant d’entrer. Les six autres Parties tiennent sur une seule ligne, reliées par les opérateurs de la trinité. La barre ne se contente pas de naviguer : elle dit la structure du Protocole en se lisant.
| • | Opérateur | Ce qu’il dit | Rendu |
|---|---|---|---|
| + | Relie | Deux termes partis du même point, qui divergent. | .tb-op · monospace · or-somb |
| = | Engendre | De leur croisement naît un troisième terme. | .tb-op · monospace · or-somb |
| & | Juxtapose | Deux trinités côte à côte — et le point de repli en responsive. | .tb-amp · Cormorant italic |
Le header de ce document EST le composant. Il n’y a pas d’exemple à montrer plus bas : il est en haut de cette page, et c’est le même que sur tous les volumes. Clique sur le ❤️🔥 pour le voir éclore, sur un pôle pour ouvrir son tiroir, descends pour le voir se replier, remonte pour le voir revenir. Une charte qui montre une maquette de son header au lieu de son header ment de la plus polie des façons. Le bloc à coller est navFooter_aMi_V16.html — un seul fichier, la barre et le pied, les deux extrémités de tout volume.
#### Ce que la barre dit en se lisant
| • | État | Ce qu’on voit | Hauteur |
|---|---|---|---|
| ❤️🔥 | Repliée | Le cœur seul — la graine. 💧 à gauche, ◐ et ⛶ à droite. | 48 px |
| 𑁍 | Éclose | Le nom monte, Le Temple et La Forêt s’écartent, L’Atelier descend. | 129 px |
| 🌳 | Un tiroir ouvert | Le bandeau prend la teinte de son pôle, entre deux filets d’or. | ~200 px |
Une barre collante qui grandit mange la page qu’elle sert. Tout ouvert, la barre ne dépasse jamais 46 % de l’écran : au-delà, c’est elle qui défile, pas le texte qui recule. Et comme elle change de hauteur toute seule, --top-h ne peut plus se mesurer une fois pour toutes : un ResizeObserver la surveille, sans quoi les onglets se collent sous une hauteur qui n’existe plus.
Le « & » est aussi le point de rupture. Sous 1040 px, il devient le saut de ligne — et la barre retrouve d’elle-même ses deux équations de trois. Pas de media query qui réécrit le contenu : un seul élément qui change de rôle.
/* le & devient la coupure, sans dupliquer le balisage */ @media(max-width:1040px){ .tb-in.duo{flex-wrap:wrap} .tb-in.duo .tb-amp{flex:1 0 100%;height:0;font-size:0;padding:0} }
Ne jamais laisser la barre passer à trois lignes. Une barre qui grandit décale toutes les sous-barres collées dessous — et --nav-h ne rattrape que ce qu’on lui donne à mesurer. Si le contenu ne tient plus, on raccourcit les libellés ; on n’ajoute pas de ligne.
XXV🌅
## La Une — Grammaire d’Animation
Une animation ne meurt jamais de sa définition : elle meurt de son point d’attache. Le @keyframes survit à tout — copier-coller, fusion, portage. Ce qui se perd, c’est la règle qui l’appelle, ou l’élément qui la porte. Chercher l’animation disparue dans sa définition, c’est chercher la lettre dans l’enveloppe restée sur la table.
Les quatre manières de la perdre. Les quatre sont dans cette page :
1. L’appel a disparu, la définition est restée. Sur 22 @keyframes déclarés ici, 9 ne sont appelés nulle part. Quatre d’entre eux sont même déclarés deux fois et appelés zéro fois : deux sources fusionnées, aucune n’a amené son point d’attache.
2. L’appel n’existe que sous le sélecteur d’origine. Quatre animations ne vivent que sous #tv ou .tvx. Sortir le composant de son conteneur sans emporter son scope, et le mouvement ne s’allume plus — sans la moindre erreur, puisque rien n’est cassé.
3. La casse. @keyframes distingue les majuscules : amipulse et amiPulse sont deux animations, et une seule vit.
4. L’élément a été supprimé, pas désactivé. La patte de la une n’avait plus ni balise ni style, quand les archives portaient les deux : on avait effacé l’objet en croyant masquer l’effet.
Le contrôle tient en une ligne : aucun @keyframes ne doit être orphelin. Un nom déclaré et jamais appelé n’est pas une réserve, c’est un mouvement perdu sans qu’on s’en aperçoive. On compare la liste des @keyframes à celle des valeurs d’animation réellement lues — jamais par recherche de texte : rise apparaît 179 fois dans cette page, dont 178 dans « surprise » et « entreprise ».
Et la preuve qu’une animation tourne n’est pas dans le CSS. Une règle juste peut être recouverte, annulée par un média, ou portée par un élément invisible. La preuve est au rendu : deux captures à trois secondes d’écart doivent différer. Identiques, l’animation ne tourne pas — quoi qu’en dise la feuille de style.
La une respire, et elle ne prend pas tout l’écran : jamais de min-height:100vh — une une annonce une page, elle ne la remplace pas. Le mouvement, lui, reste. Pas parce que c’est joli — parce qu’une page qui ne bouge pas du tout a l’air morte, et qu’une page qui bouge trop a l’air d’une publicité.
### Les cinq règles de rythme
Sept secondes minimum par cycle. En dessous, l'œil suit le mouvement au lieu de lire. Les battements du corpus vont de 7 s à 37 s — PsychaTrice bat à 13 bpm, soit un cycle de 36,92 s.
Opacité seule, ou échelle ≤ 1,05. Jamais de translation latérale, jamais de rotation. Ce qui vit respire ; ça ne se déplace pas.
Une seule source de mouvement par une. Le halo ou l’écho ou la pulsation — pas deux. Deux rythmes qui ne se croisent pas donnent le mal de mer.
L’animation porte la teinte du volume via --tc-rgb, jamais une couleur écrite en dur. Changer la teinte d’un volume doit suffire à recolorer sa une.
prefers-reduced-motion coupe tout. Ce n’est pas une option : le corpus s’adresse à des personnes en hypervigilance, et une pulsation lumineuse peut déclencher une crise. La règle est en haut de la feuille, avec !important, pour qu’aucune règle tardive ne la contredise.
@media(prefers-reduced-motion:reduce){ *,*::before,*::after{animation:none!important;transition:none!important; scroll-behavior:auto!important} .echo i,.echo-src,.c-triade span{opacity:.5} }
### Les trois patrons
🌗
#### A · Le Halo
Respiration radiale sur ::before. Le patron par défaut : une seule règle, aucun balisage. Cycle 11 s, opacité .62 → 1.
💓
#### B · l’Écho
Huit ondes qui montent depuis une source basse. Pour les volumes du corps et du choc — PsychaTrice. Cycle 23 s, huit déphasages réguliers.
✨
#### C · La Pulsation
Une triade d’émojis qui pulse en décalé. Se combine avec A. Cycle 7 s, délais 0 / .7 / 1,4 s.
#### Patron a · le Halo — deux lignes, rien d’autre
.couv.halo::before{content:'';position:absolute;inset:0;pointer-events:none;z-index:0; background:radial-gradient(ellipse 52% 46% at 50% 46%, rgba(var(--tc-rgb),.14) 0%, rgba(var(--tc-rgb),.05) 34%, transparent 70%); animation:amiRespire 11s ease-in-out infinite} @keyframes amiRespire{0%,100%{opacity:.62}50%{opacity:1}}
#### Patron B · l’Écho — la source bat, l’onde monte
🩸
Le déphasage se calcule : délai = durée / 8. À 23 s, c’est 2,875 s d’écart — et la source bat exactement à ce rythme, pour que l’onde parte au battement et pas à côté. aria-hidden sur le conteneur : c’est de la décoration, elle n’a rien à dire à un lecteur d’écran.
### Ce que la une contient, dans l’ordre
| Classe | Contenu | Style |
|---|---|---|
| .c-vol | Protocole de ConScience aMi — Vol. X | Jost .65rem · caps · .4em · or |
| .c-q | La question pivot du volume | Jost .9rem · gris-cl |
| .c-k | Le registre dominant (kicker) | Jost .6rem · caps · or-somb |
| .c-triade | Trois émojis, verticaux, qui pulsent | 2,1rem · colonne · délais échelonnés |
| .c-nom | Le nom du volume | Cormorant 300 · clamp(2.4 – 4.2rem) · nacre |
| .c-sous | Le sous-titre · entre points médians · | Cormorant italic · teinte du volume |
| .c-eq | L’équation du volume (facultatif) | Cormorant · teinte du volume |
| .c-dev | La devise, entre guillemets français | Cormorant italic · --mesure · balance |
| .c-filet | Le filet or dégradé | 76 × 1 px |
| .c-sig / .c-tag | Autrice · licence · Intelligences | Jost .62 / .6rem · caps |
### • Les proportions de la une — mesurées, jamais estimées
« À la charte » ne veut rien dire tant que la une n'a pas été mesurée contre la une de référence. Un exemple : 🐾 Rencontre portait la coque, la coulée et les encres — et gardait les proportions de son ancienne une : ligne du volume à 16 px en ambre vif (canon : 11,5 px en gris), sceau à 16 px (canon : 54), titre à 38 px en nacre (canon : 48 en dégradé doré), Question à 16 px en capitales (canon : 20 px en Cormorant ambre). Rien ne se voyait comme une faute : tout se voyait comme une autre page.
| L'élément | Le canon, à 390 px | Ce qu'il ne fait jamais |
|---|---|---|
| .couv-label | Jost 300 · 11,5 px · capitales · interlettre .2em · gris. Elle porte le tome : « PROTOCOLE DE CONSCIENCE AMI — VOLUME 3.1 · LE LIEN » | Ni ambre vif, ni au-dessus de 12 px, ni en casse mixte. La ligne du cycle ne se répète pas ailleurs. |
| .logo | Le sceau du volume, clamp(3,4rem, 9vw, 4rem) — au-dessus du nom, jamais à côté | Jamais à la taille du texte : un sceau qui fait 16 px n'est plus un sceau, c'est une coquille. |
| .couv-h1 | Cormorant 300 · 48 px · dégradé radial doré (#fff6d8 → #ffe08a → #ffc545 → #d69a1e → #8a5a12), background-clip:text | Ni nacre plat, ni capitales forcées par le CSS : le nom est déjà écrit en capitales. |
| .couv-sub | Cormorant italique · 16 px · gris clair — la formule du volume | Elle ne vit pas dans le h1 : un titre ne porte qu'un nom. |
| .couv-question | Cormorant 20 px · ambre --or · ni gras, ni italique, ni capitales | Les capitales mangent la graphie interne (ConScience, RéfleXion) et la Question est le seul endroit où elle compte. |
| .couv-marque · .couv-sig | Jost · 11,5 px · capitales · gris effacé --gris-froid-somb | Ce sont des mentions, pas des titres. |
Le plancher de lisibilité s'applique aussi à la une : 11,5 px. Une signature d'une seule ligne à 390 px demanderait 505 px de large : on ne descend pas sous le plancher pour la faire tenir — on la coupe en moitiés entières, chacune complète, et « CC BY-SA 4.0 » ne se sépare jamais. Seules la bande des registres et le pied échappent au plancher : ce sont des meubles, pas du texte.
Une max-width en ch se calcule sur la police du parent. Sur Rencontre, 34ch valait 249 px et bridait la ligne du volume même dans une fenêtre de 1280. Écrire min(Nch, 94vw), et vérifier le nombre de lignes rendues contre le nombre de écrits.
Ce qui doit se couper se coupe où on le dit. Une Question se lit « Qui Sommes-Nous / l'Un Pour l'Autre ? » — deux span passés en bloc au téléphone, pas un hasard de largeur.
Une animation peut venir de la page, pas de la coque. Avant d'en ajouter une, chercher celles qui existent : Rencontre portait .logo{animation:pulse 4s}, et le sceau volait la vedette au fond animé. Le fond bouge ; le sceau, lui, ne pulse pas d'un bloc — au mieux il se décompose (les deux pattes du 🐾 appuient l'une après l'autre, en contretemps, et la levée s'efface comme une trace).
La une garde sa forme à toute largeur : sur un petit écran, les pôles restent à leur place et ce sont les lettres qui se resserrent. La règle 🔱 se colle entre la fin de la une et le bandeau du Tuto, sans vide.
XXVI🗂️
## Les Onglets — La Charte Complète
### 1 · Ce qu’un onglet est, et ce qu’il n’est pas
#### Un onglet n’est pas…
- une section — une section se lit à la suite
- un chapitre — le chapitre a un numéro, pas un onglet
- un filtre — un filtre garde tout visible
- un menu — un menu mène ailleurs, l’onglet reste ici
#### Un onglet est…
- une Partie — le plus haut niveau du volume
- un espace exclusif : un seul ouvert à la fois
- une promesse de retour : on peut y revenir
- une couleur : la partie se reconnaît d’un coup d'œil
La règle de granularité : onglet = Partie (chiffres romains) · section = Chapitre (chiffres arabes dans .sec-num). Jamais un onglet par section — un onglet répond d’une partie, pas d’un paragraphe. Le critère n’est pas le nombre : c’est la charge. Sept onglets légers se lisent ; trois qui cachent chacun trois strates ne se lisent pas. C’est l’autrice qui estime la profondeur qu’un onglet peut porter — un seuil chiffré se vérifie sans juger, et c’est précisément pour cela qu’il remplace le jugement au lieu de l’aider.
### 2 · Les trois variantes
Une seule structure, trois densités. Le choix se fait sur la charge que porte chaque onglet et sur la longueur des libellés, jamais sur le goût du jour.
#### Trois lignes — .tab-bar · le modèle courant
🌟1 · QuintessenceLa Beauté de La Vie ⚓️2 · Les Lois de La VieComment ça fonctionne 💃🏽3 · La CommunicationNotre Attention 📜4 · Les ContratsÀ quoi on s’engage
Émoji au-dessus · titre en casse mixte · polarité en petites capitales. Jamais de sérif sur des capitales : le titre est en Jost, pas en Cormorant. L’émoji est désaturé à 45 % tant que l’onglet dort, et reprend ses couleurs quand il s’ouvre — c’est le signal le plus rapide que l'œil sait lire.
#### Deux lignes — .tab-bar.deux · quand la polarité alourdit
💔Le Conceptmasqué ❤️🔥Les Libidosmasqué 💥L’Effondrementmasqué 🗺️La Cartographiemasqué 🌱La Cicatrisationmasqué 💦L’Incorporationmasqué
Le balisage ne change pas — on ajoute .deux sur la barre, la polarité passe en display:none. Six onglets ou plus : la polarité n’a plus la place de se lire, donc elle ment. On l’enlève.
#### Une ligne — .tab-bar.une · les sous-ensembles et les volumes courts
⚙️La Charte 📏Les Outils de Mesure 🔍L’Outil de Falsification
### 3 · La couleur de partie se porte par variable
Chaque onglet déclare trois valeurs et pas une de plus : --tc (teinte pleine, le soulignement), --tcl (teinte claire, le texte), --tc-rgb (le triplet, pour le fond à opacité). Le portail, le sommaire et les sous-onglets reprennent les mêmes — c’est ce qui fait qu’une partie se reconnaît où qu’on soit dedans.
le sommaire est la carte · les onglets sont la boussole et les deux montrent le même nord — donc le même couple --tc / --tcl.
### 4 · La sous-barre — collée, jamais encadrée
Elle se colle immédiatement sous la barre principale, à top:var(--nav-h). Deux règles, apprises à la dure.
Ne jamais écrire la hauteur en dur. top:44px était juste pour une barre à une ligne ; à trois lignes elle en fait 66, et le décalage se voit. On mesure la barre à l’exécution et on pose une variable — recalculée au redimensionnement et après un zoom.
Deux barres ne peuvent pas coller au même pixel. Le header et les onglets déclaraient tous deux top:0 : au défilement, les onglets passaient sous le header et on les croyait disparus. Une barre collante doit savoir ce qu’il y a au-dessus d’elle. Trois barres, donc trois mesures — et aucune écrite à la main :
/* --top-h : le header seul */ /* --nav-h : header + onglets — où colle la sous-barre */ /* --pile : tout l'empilement — où s'arrêtent les ancres */ .ami-topbar{position:sticky; top:0} .tab-bar {position:sticky; top:var(--top-h)} .sub-host {position:sticky; top:var(--nav-h)} html{scroll-padding-top:calc(var(--pile) + 1rem)} function majNavH(){ var t = haut('.ami-topbar'), o = haut('.tab-bar'), s = haut('.sub-host'); R.style.setProperty('--top-h', t + 'px'); R.style.setProperty('--nav-h', (t + o) + 'px'); R.style.setProperty('--pile', (t + o + s) + 'px'); }
haut() ne compte que ce qui colle vraiment : une barre en display:none ou sortie du flux collant rend 0. Sinon la sous-barre réserve une place pour un voisin qui n’est pas là, et laisse une bande vide sous le header.
function majNavH(){ var tb = R.querySelector('.tab-bar'); if(tb){ var h = Math.round(tb.getBoundingClientRect().height); if(h > 10) R.style.setProperty('--nav-h', h + 'px'); } } addEventListener('resize', majNavH); majNavH();
Ne jamais imposer une largeur de base à un bouton dont le texte ne se coupe pas. flex:1 0 150px avec white-space:nowrap produit des boutons de 150 px contenant 260 px de texte : ils se chevauchent. La forme juste est flex:1 0 auto — la base suit le contenu, la croissance remplit la ligne.
Le porte-barres prend la classe .vide — donc display:none — quand la partie active n’a pas de sous-onglets. Sinon il reste un filet doré qui ne sépare rien.
### 5 · Hisser les barres des volumes absorbés
Quand une page absorbe d’autres volumes, chacun arrive avec sa propre barre enfouie dans sa carte. On les hisse en JavaScript dans un porte-barres unique sous la barre principale. Déplacer un nœud ne rompt pas ses écouteurs : chaque volume continue de piloter ses propres pages.
var host = R.querySelector('#subHost'), slots = {}; pans.forEach(function(p){ var slot = document.createElement('div'); slot.className = 'sub-slot'; slot.dataset.c = p.dataset.c; var nav = p.querySelector('.src-tri > .tri-nav, .src-lois > .tabs'); if(nav) slot.appendChild(nav); /* le nœud déménage, ses écouteurs suivent */ host.appendChild(slot); slots[p.dataset.c] = slot; });
### 6 · L’accessibilité — six lignes qui changent tout
| Attribut | Où | Pourquoi |
|---|---|---|
| role=« tablist » | sur .tab-bar | Annonce un groupe d’onglets, pas une liste de boutons. |
| role=« tab » | sur chaque .tab-btn | Le lecteur d’écran annonce « onglet 2 sur 5 ». |
| aria-selected | sur chaque .tab-btn | Bascule avec la classe .on — sinon l’état visuel ment. |
| aria-label | sur .tab-bar | « Les cinq parties du Volume 0.1 » |
| type=« button » | sur chaque bouton | Sans lui, un bouton dans un formulaire l’envoie. |
| :focus-visible | en CSS | Contour or à −2px. Naviguer au clavier ne doit pas être naviguer à l’aveugle. |
Les flèches ← → déplacent la sélection d’onglet en onglet ; Home et End vont au premier et au dernier. Douze lignes de JS, et le volume devient utilisable sans souris.
### 7 · Le JS de référence
function ouvre(k){ R.querySelectorAll('.tab-btn').forEach(function(b){ var on = b.dataset.c === k; b.classList.toggle('on', on); b.setAttribute('aria-selected', on); /* l'état suit, toujours */ }); R.querySelectorAll('.pane').forEach(function(p){ p.classList.toggle('on', p.dataset.c === k); }); majPortail(k); /* le portail se réécrit */ majSommaire(k); /* le sommaire se replace */ majNavH(); /* la barre a pu changer */ }
Trois choses se mettent à jour à chaque bascule, pas une. L’onglet, le portail, le sommaire. Une bascule qui n’en met à jour qu’une laisse le lecteur entre deux parties : il voit le contenu de l’une et le titre de l’autre.
### 8 · Les six pièges
Le contenu masqué reste dans le DOM. display:none ne le supprime pas — donc Ctrl+F ne le trouve pas non plus. Sur un long volume, prévoir une recherche qui ouvre le bon onglet.
Une ancre vers un onglet fermé ne va nulle part. Tout lien interne doit porter data-c et ouvrir sa partie avant de défiler.
À l’impression, tout doit être visible. @media print{.pane{display:block!important}} — sinon on imprime un cinquième du volume.
Le défilement doit remonter à la barre, pas en haut de page. scrollTo(barre.offsetTop − 40) : on veut voir le portail de la partie où l’on arrive.
Sept onglets maximum. Au-delà, la barre défile horizontalement et le dernier onglet n’existe plus pour personne.
Un onglet actif au chargement, toujours. Une page qui ouvre sur cinq panneaux fermés a l’air cassée.
### • 9 · Au téléphone, la barre s'enroule
Au-delà de quatre onglets, la barre ne tient pas sur une ligne de téléphone. À 390 px, une barre de six cases donne 103 px par case : « CONSENTEMENT » en fait 91 et « INCORPORATION » davantage — les noms se chevauchaient. La Charte dit déjà la grille de trois pour les sous-onglets ; elle vaut pour les onglets : à partir de cinq, deux rangées de trois dès 560 px, 130 px par case, et chaque rangée garde son filet.
Un nom peut sortir de SA CASE sans faire déborder la PAGE. Le contrôle de débordement ne voyait rien pendant que les six noms se chevauchaient : il faut mesurer case par case — le rectangle du nom contre le rectangle de sa case.
La coupe d'un nom se dit, elle ne se devine pas. Consentement, InCorporation : une césure choisie vaut mieux qu'une césure subie.
En grand écran, la barre se centre. Sur Rencontre elle allait de 40 à 818 dans une fenêtre de 1280 — collée à gauche. .groupbar prend max-width:min(960px,100%) et margin-inline:auto.
Le saut vers une partie se rattrape après coup. La barre prédisait sa hauteur avant de sauter ; dès qu'elle tient sur deux rangées (138 px), la prédiction tombe à côté et le titre de partie finit caché derrière elle. On mesure une fois le défilement fini, et on corrige.
### • 10 · Le 💧 dans une coulée — il reste, et il a un métier
Une coulée n'est pas une raison d'ôter le 💧. On l'avait retiré de tous les volumes en coulée (ECO, LEGS, Rencontre) au motif qu'il n'y avait plus rien à dérouler. C'était une erreur de lecture : le lecteur y tient, et le bouton garde exactement le sens qu'il avait dans les volumes à onglets.
#### 💧 allumé — par défaut
Tout le volume d'un tenant. C'est la lecture continue : on descend, la barre suit la partie qu'on lit.
#### 💧 éteint
Une partie à la fois. « C'est intéressant juste si on veut se faire un chapitre » — pour lire une partie sans le reste.
En « une partie à la fois », l'espion de défilement se tait (body.ami-une-partie) : la partie affichée EST la partie lue, et sinon il ramène à la première pendant le défilement doux.
Le ☰ et le 🔍 ouvrent la partie de leur cible avant de s'y rendre — window.ecoVa enveloppé, et le crochet window.amiActive appelé même quand le passage trouvé n'a pas d'identifiant propre.
En remettant un élément qu'une passe avait ôté, chercher ce qu'elle avait déplacé à sa place. La passe qui ôtait le 💧 poussait le ◐ à left:.5rem !important ; le 💧 revenu, les deux se sont superposés et le picto était invisible. Chacun sa place : 💧 à .5rem, ◐ à 2.9rem.
Les règles qui tiennent pour tous les volumes.
· Les onglets primaires sont en serif gras (Cormorant Garamond 600) ; les sous-onglets en sans-serif gras (Jost 600) : le niveau se lit dans la police, et le gras se lit sur un téléphone.
· Les sous-onglets tiennent sur une seule ligne, et chacun ouvre plusieurs chapitres — jamais un chapitre par sous-onglet. Une partie qui n’en a pas besoin n’en a pas. Ni « Tout lire », ni paragraphe dans un onglet.
· Aucun vide entre la barre des onglets et celle des sous-onglets.
· Repliée, la barre montre l’onglet ouvert à sa taille — émoji, titre, sous-titre — puis le sous-onglet ouvert, et un chevron pour déplier. Jamais une petite ligne de texte.
· Les triangles qui déplient et replient sont dorés. Un seul bouton « ▾ Tout déplier / ▴ Tout replier », en pastille dorée, sous le titre de la partie.
XXVII📑
## Le Sommaire Vivant — il Suit la Page où l’on est
Le sommaire d’un volume à onglets ne peut pas être une liste morte : il doit dire où l’on est. Accordéon à deux étages — la partie courante marquée d’un liseré et d’un chevron, son tiroir ouvert, les autres fermés.
Une seule ligne, fermée par défaut. Dans une page à onglets, le sommaire répète les titres qui sont juste au-dessus — il prend de la place pour redire ce qu’on vient de lire, et il repousse le portail hors de l’écran. Il tient donc sur une ligne cliquable, et se déploie entier quand on le demande. Un sommaire est un menu, pas un sommaire de livre : il se referme derrière soi.
Le compteur — « 5 parties · 30 entrées » — n’est pas décoratif : il dit au lecteur si ça vaut la peine d’ouvrir.
#### Les quatre comportements
| Comportement | Mise en œuvre |
|---|---|
| Marquer la partie courante | .sp.ici — liseré à la teinte + ::before{content:'▸ '} |
| Ouvrir son tiroir | classList.add('on') → max-height:900px |
| Laisser les autres ouverts | on n’écrit pas la branche else : c’est le lecteur qui referme |
| Se refermer après navigation | som.classList.remove('on') au clic sur une entrée |
La branche else serait une faute de politesse. Refermer les tiroirs voisins à chaque bascule, au nom de « on ne voit plus où l’on est », ne sert à rien : on voit où l’on est : le liseré et le chevron .ici le disent, et ils le disent aussi bien avec cinq tiroirs ouverts qu’avec un. Refermer ce que le lecteur a ouvert, c’est décider à sa place qu’il ne saura pas se relire. Le sommaire marque, il ouvre — il ne referme que ce qu’on lui demande de refermer. Un accordéon exclusif se justifie quand l’espace manque ; ici il ne manquait pas.
function majSommaire(actif){ R.querySelectorAll('.sp').forEach(function(p){ var ici = p.dataset.som === actif; p.classList.toggle('ici', ici); /* on MARQUE la partie courante */ if(ici) p.classList.add('on'); /* on OUVRE la sienne, et rien */ }); /* de plus : pas de else. */ } /* et le clic sur un tiroir ne regarde que ce tiroir-là */ sp.classList.toggle('on');
Chaque .sp porte la couleur de sa partie en border-left, et son titre la teinte claire correspondante. C’est le même couple --tc/--tcl que les onglets. Une seule déclaration par partie, en attribut style sur le .sp — les enfants en héritent.
La page repliée est déjà un sommaire. Quand les chapitres sont repliés, leurs titres en font la liste : un second sommaire dans la page ne ferait que la répéter. Le sommaire du volume reste dans la navbarre.
XXVIII🐾
## Le Pied — ce qu’on Lit en Dernier, donc ce qui Reste
Un pied qui dit tout à plat ne se lit pas. Quatre blocs, une devise, deux maximes, une nav — sans hiérarchie, on ne sait pas quoi lire en premier, donc on ne lit rien. Le pied a trois étages : qui parle, ce qui compte, où aller.
1
La signature — sceau, titre, volume, devise
Le sceau du volume (☤, •, 🐾…) · le nom · « Volume X — sous-titre » · la devise sur deux lignes en white-space:pre-line
2
Les quatre blocs — Autrice · Ce Volume · Intelligences aMi · Licence
Grille auto-fit minmax(190px,1fr). Alignés à gauche : c’est de l’information, pas une déclaration.
3
La loi, la mention légale, la nav, la Toile
Maxime · Vérité = Respect · « ce document ne remplace ni… » · les 7 Parties en trinité · la formule du Tout
#### Les cinq éléments variables — les seuls
| Marqueur | Exemple |
|---|---|
| [SCEAU] | ☤ · • · 🐾 · 💍 |
| [TITRE_VOLUME] | PsychaTrice · Ce que le Corps a Encaissé |
| [VOL_NUM] | 0.2 |
| [QUESTION_PIVOT] | « Qu’est-ce que ça fait de laisser les yeux clos ? » |
| [DEVISE] | Deux lignes, saut de ligne réel, jamais de |
#### Les devises de module
| Volume | Devise du pied |
|---|---|
| 0.1 L’Union du TouT | Une charte n’est pas une liste de règles : c’est la forme qu’on donne à ce qu’on veut devenir · On n’obéit pas à une charte — on s’y tient |
| 0.2 PsychaTrice | On nomme l’état pour rendre la sortie possible, jamais pour excuser d’y être resté |
| 1.1 EGO | La liberté permet de dire NON · Le consentement permet de dire OUI · La responsabilité empêche d’abandonner |
| 1.2 Miroir | Le miroir ne juge pas · Il révèle · Ce que tu vois, c’est déjà toi |
| 1.3 AndroGynie | Le Sol précède tout · Sans fondation, aucune structure ne tient |
| 2.1 ECO | Vivre en parasite ou vivre en symbiote — c’est le choix ultime · C’est par la Culture qu’on Sublime la Nature |
| 2.2 AstroGlobe | C = ΔI/ΔE · Quand l’Entropie monte, la Cohérence s’effondre · Le Sol d’abord |
| 3.1 Rencontre | Plaisir d’Offrir · Joie de Consentir · Entrer sans prendre · Recevoir sans se perdre |
| 4.2 L’Éveil de L’IA | L’IA alliée ne valide pas par inertie · Elle maintient la friction productive · C’est sa marque de santé |
Le bloc complet, prêt à coller, vit dans le fichier navFooter_aMi_V16.html — bandeau et pied ensemble, avec leurs variables entre crochets. C’est le seul endroit où ils sont écrits ; chaque volume l’inclut, ne le recopie pas.
### • Trois corrections du pied
« L'utiliser n'exige pas d'être[Agdistys], et le posséder ne prouve pas qu'on l'est. » La règle .ap-legal span{display:block} met en bloc tous les span — y compris le Agdistys qui vit à l'intérieur d'une ligne. Le nom tombait seul sur sa ligne, au milieu d'une phrase. Défaut de tous les volumes.
| Ce qu'on écrit | Pourquoi |
|---|---|
| .ap-legal > span{display:block} .ap-legal > span span{display:inline} | Seules les lignes de premier rang font bloc. Ce qui vit dans une ligne y reste. |
| .ap-cit ≤ 17 px · .ap-m2 · .ap-m3 ≤ 15 px | Le serif gras du pied — la citation du volume et les deux devises — pesait autant que le corps du texte. Un pied se lit en dernier : il se dit, il ne s'impose pas. |
| .ap-fin .f-zoom | La formule du Tout se repliait en une colonne au téléphone et devenait illisible. Elle garde ses trois colonnes à toutes les largeurs et se reproportionne comme une image : largeur de dessin fixe (880 px), échelle donnée par la place disponible. |
Une transformation ne change pas la place qu'un élément prend dans la page. Quand on met un bloc à l'échelle, il faut rendre au cadre la hauteur que l'échelle lui a fait perdre — sinon le pied garde un trou de la taille du dessin d'origine.
Le pied vit HORS de la racine du volume. La racine (#ami-nom) se referme juste avant le