/* ========================================================================== Portrait Bureau — registre ÉDITORIAL (web) tokens v4 — 2026-08-27 · apport 0004 (rectifs de l'index) -------------------------------------------------------------------------- UN SEUL TOKEN NOUVEAU, et il n'est même pas celui de la bande. La section « ce que vous obtenez » devient une bande de couleur pleine, en ROSE ROCOCO BRUT (--m1, Louis XV). Elle ne demande aucun token : le rose existe depuis la v1, et il porte du texte en ENCRE (4,84), pas en crème (3,33, illégal). C'est la première bande claire du registre, et elle précise la loi 2 : une bande porte le texte que sa luminance autorise. Le token ajouté est une RÉSERVE : --paper-rose, la teinte claire rosée, retenue par Greg pour d'autres pages, pas employée sur l'index. Écarté en route : une bande bleue (--m4 assombri). Elle a vécu une heure et a été refusée par Greg au contact du bandeau doré du hero, dont l'or est le complémentaire du bleu. Voir JOURNAL.md v4. Rappel des acquis : - v2 : lois 1 et 2 appliquées, loi 3 introduite (--on-m3-*, --on-m5-*) - v3 : sept composants de page de vente, aucun token - v4 : la bande rose (aucun token), la teinte de réserve (un token), et les lois 1, 2 et 3 précisées par la mesure Consommateurs : version0.3.1/ (v2) · version0.3.2/ (v4) PÉRIMÈTRE : surfaces web éditoriales de Portrait Bureau (la landing). Indépendant du design system de la borne (ui_design/design_system/, tokens --pb-*). Décision Greg du 2026-08-24. ========================================================================== */ :root{ /* ---- Encre : les noirs chauds ---------------------------------------- */ --ink:#191510; /* fond des sections sombres, texte principal */ --ink-deep:#14110b; /* encre assombrie de 23% : dégradés du hero, */ /* fond de la modale */ --line-strong:#141619; /* filet quasi-noir — loi COMPONENTS §4.2 */ /* ---- Papier : les crèmes -------------------------------------------- */ --paper:#f6f1e7; /* fond clair par défaut */ --paper-2:#efe8d9; /* crème sourde : sections claires alternées */ --paper-soft:#ece3cf; /* crème adoucie : sous-titres sur encre */ --paper-stone:#e1e1dd; /* gris de cimaise : le seul fond NEUTRE du */ /* registre, au milieu d'une palette entièrement */ /* chaude. Il fait reculer le fond et avancer les */ /* portraits, comme une cimaise de musée. */ /* Encre 13,85 · gris chaud 5,43. */ /* Luminance 75,2 %, soit SIX points sous la crème */ /* sourde (81,1 %) : les deux fonds clairs se */ /* distinguent par la valeur ET par la teinte. */ --paper-rose:#eddcd6; /* crème rosée : la respiration chaude des pages */ /* satellites, retenue par Greg le 2026-08-27. */ /* Encre 13,67 · gris chaud 5,36. */ /* 7 % plus sombre que la crème sourde, donc elle */ /* s'en distingue à l'œil. */ /* ---- Parchemin : dégradé chaud, sur fond sombre UNIQUEMENT ---------- */ /* Volontairement plus chaud qu'un mélange neutre crème → encre : */ /* c'est la patine du pied de page. Ne pas recalculer par interpolation. */ --parchment-1:#d8cdb4; /* le plus clair : icônes sociales */ --parchment-2:#b3a888; /* adresse du pied */ --parchment-3:#8f846c; /* ligne partenaires */ --parchment-4:#6f6653; /* mentions légales, filets du pied */ /* ---- Gris chaud ------------------------------------------------------ */ --muted:#5f574a; /* texte secondaire sur fond clair ; */ /* depuis la v2 : aussi les sur-titres sur clair */ /* (loi 1 — l'or n'y est plus autorisé) */ /* ---- Or -------------------------------------------------------------- */ --gilt:#c6a24a; /* l'accent de voix. */ /* EN TEXTE : fond sombre uniquement (7,50). */ /* Sur clair : remplissage, trait, jamais du texte.*/ /* ---- Couleurs d'époque — EMPRUNTÉES, NE PAS REDÉFINIR ICI ----------- */ /* Source de vérité : experiences/paris_xviiie_empire/phase_1/config/ */ /* wall_layout.json → moment_colors (LOCK 2026-07-08) */ --m1:#bf6b7a; /* Louis XV · le Rococo galant · 1740–1774 */ /* v4 : FOND de la bande « ce que vous obtenez ». Brut, */ /* non assombri. Porte du texte en ENCRE (4,84), jamais */ /* en crème (3,33), jamais en gris chaud (1,90) ni en or */ /* (1,55). */ --m2:#b5842e; /* Louis XVI · les Lumières intimistes · 1774–1789 */ --m3:#a62b24; /* la Révolution · le néoclassique civique · 1789–1795 */ --m4:#557ba0; /* Directoire & Consulat · 1795–1804 */ --m5:#54683e; /* Premier Empire · le style Empire · 1804–1815 */ /* ---- Bleu de bande : l'état du bleu qui porte du texte --------------- */ /* Le bleu du Directoire brut est illisible sous du texte (crème 3,95). */ /* Assombri de 30 % vers l'encre, il le porte (crème 6,16). Même geste que */ /* --ink-deep, l'encre assombrie de 23 %. Il NE REMPLACE PAS --m4 : la */ /* couleur du règne reste --m4, cadres et vignettes compris. */ /* ⚠ JAMAIS AU CONTACT DU BANDEAU DORÉ. L'or est un jaune chaud, le bleu */ /* son complémentaire : le contact est un choc (refus de Greg, 2026-08-27).*/ /* Le bandeau n'existe que sur l'index : le bleu est donc réservé aux */ /* pages satellites. */ --m4-deep:#435c75; /* fond de bande, satellites uniquement */ /* ---- Texte posé sur une bande colorée (loi 3) ------------------------ */ /* Du crème poussé vers la couleur de la bande — jamais du crème pur, */ /* jamais de l'encre. */ --on-m3-1:#f6d7cf; /* sur-titre sur le rouge Révolution */ --on-m3-2:#f3e2dd; /* corps sur le rouge Révolution */ --on-m5-1:#e8e5d9; /* sur-titre sur le vert Empire (4,86) — v2 */ --on-m5-2:#ede9de; /* corps sur le vert Empire (5,05) — v2 */ --on-m4-1:#e7e4dd; /* sur-titre sur le bleu assombri (5,47) — v4 */ --on-m4-2:#ece9e1; /* corps sur le bleu assombri (5,72) — v4 */ /* ---- Typographie ---------------------------------------------------- */ --disp:"Space Grotesk","Helvetica Neue",Arial,sans-serif; /* titres */ --mono:"IBM Plex Mono",ui-monospace,Menlo,monospace; /* cartels */ --serif:"EB Garamond",Georgia,serif; /* lecture */ /* ---- Mesures --------------------------------------------------------- */ --wrap:1200px; /* largeur de lecture */ --wrap-header:1360px; /* l'en-tête respire plus large que le contenu */ --header-h:74px; /* hauteur de l'en-tête collant */ --gutter:40px; /* marge latérale */ --gutter-narrow:20px; /* marge latérale sous 640px */ /* ---- Cadres : le motif muséal --------------------------------------- */ --frame-thin:2px; /* boutons, pastilles, photos du parcours, champs */ --frame-series:8px; /* vignettes de la grille, en couleur d'époque */ --frame-hero:12px; /* portrait encadré du hero */ --frame-oeuvre:14px; /* paire encadrée de « repartez avec » */ } @media(max-width:720px){ :root{ --header-h:69px } }