Design Memory - White Contrast Baseline

Date: 2026-03-14 Status: active

Decision

La version publique de L'Electron Rare repart sur une base claire, contraste blanc, par defaut. Le positionnement public de reference devient : systemes electroniques specifiques, avec focales visibles sur electronique, automatisme, energie, stockage et optimisation.

Pourquoi

la homepage OVH synchronisee est la bonne base produit
l'ancienne DA sombre et experimentale brouillait la lisibilite
le site doit inspirer precision, methode et confiance avant de projeter un univers
l'accessibilite et la lecture rapide gagnent avec des surfaces claires et des accents plus disciplinés

Regles visuelles

fonds: blanc, ivoire, creme tres legere
texte principal: noir chaud / brun tres fonce
accent froid: teal technique
accent chaud: cuivre / brun signal
panneaux: clairs, nets, ombres courtes
pas de halo neon comme logique dominante
pas de glitch ou scanline comme effet de signature principal

Ce qui reste autorise

texture subtile de trame ou de grille
references bench / signal / PCB en couche legere
typography mono sur certains labels et statuts
accents rust/teal sur CTA, badges, progression et reperes

Hero actif

eyebrow: Electronique · automatisme · energie · optimisation
titre: Systemes electroniques specifiques, du besoin au livrable fiable
sous-ligne: electronique · automatisme · energie
fond image: oscilloscope en plan rapproche, lecture waveform / interface de mesure
cadrage: image utile a droite, pas atelier large illisible
surcouches: gradients clairs et accents teal/rust tres legers
interdit:
- texture carnet legacy sur le panneau hero blanc
- photo d'atelier trop large ou trop generique
- overlays qui salissent la lecture du titre ou du CTA

Regles header 2026

desktop: navigation inline, stable, sans bruit inutile
mobile: header compact, une seule ligne utile a l'ouverture de page
mobile: kicker masque, marque raccourcie visuellement, pas de wrap multi-lignes par defaut
mobile: un acces direct Contact reste visible hors menu
mobile: le reste de la navigation passe dans un menu repliable, scrollable, refermable au clic et a Escape
la top bar ne doit plus ressembler a une nav desktop compressee

Ce qui est interdit

retour a la home studio/figma
bouton contraste sans vraie fonctionnalite produit
docs qui parlent encore de GitHub Pages statique comme prod active
anchors/documentation legacy de type #projets

Implementation

runtime: data-theme="high-contrast" dans src/layouts/BaseLayout.astro
meta navigateur claire: themeColor blanc dans src/lib/site.ts
socle visuel: src/styles/global.css
overrides DA v12: src/styles/home-workbench.css
header partage: src/components/SiteHeader.astro
fermeture et sync du menu mobile: script inline dans src/layouts/BaseLayout.astro
promesse et familles de sujets: src/content/home-content.ts, src/components/sections/Hero.tsx, src/components/sections/About.tsx

Positionnement actif

coeur: systemes electroniques specifiques
familles rendues visibles: electronique, automatisme, energie, stockage, optimisation
l'embarque reste une competence, pas le libelle principal du metier
les projets multi-techniques sont portes avec les partenaires adaptes
le lab n'est plus une surface publique produit

Etat courant

preview white-contrast valide
production white-contrast valide
top bar mobile modernisee en preview
production republee avec la top bar mobile via GitHub Actions 23096174775
preview republie avec le positionnement electronique/automatisme/energie/stockage/optimisation via 23098262445
production republiee avec le meme positionnement via 23098335508
hero blanc recadre sur une vraie image d'oscilloscope
ancienne texture hero-carnet-labo-open-v2 retiree du hero actif en high-contrast
preview republie avec le hero oscilloscope recadre via 23099694984
production republiee avec le meme hero oscilloscope via 23099760106
le lab n'est plus publie sur preview ni sur production (404 sur /preview/lab/ et /lab/)
verification locale reproductible avec le User-Agent du workflow
controle navigateur humain encore requis pour la validation UX finale

QA minimum

nav
hero
about
case studies
media strips
mission cards
FAQ
contact
footer
formation
mentions legales

4.4 KiB Raw Blame History