Preview — exploration graphique
Graphiques « à la Atera », version InfraPro
Des vecteurs faits maison : un diagramme qui explique, pas une déco. Palette élargie pour l'illustration, une variation AI Readiness, et des déclinaisons. Bascule le thème (lune/soleil) pour le rendu clair / sombre. Aperçu seulement — rien n'est branché sur les gabarits.
01Palette ouverte
« Aurore » est un spectre — vert d'eau → bleu → violet → rose, réchauffé d'ambre.
Le garde-fou : le spectre vit dans les illustrations — là on a le droit d'avoir de la couleur. L'interface (boutons, liens, accents) reste ancrée au teal + l'ambre, pour ne pas tomber dans le « gradient violet sur blanc » générique. Deux régimes : illustration riche, UI sobre.
02Le diagramme signature — deux traitements
Trois piliers empilés. À gauche le teal Aurore ; à droite la palette ouverte.
03Variation — AI Readiness
Préparer les clients à l'IA — un repère, pas une promesse.
Honnête : le test d'AI Readiness de l'audit situe le client (gouvernance des données, socle M365, hygiène) — utile à la marge pour amorcer la conversation, pas un label. Le graphique doit dire « on vous prépare », pas « certifié IA ». L'indigo n'apparaît que sur ce thème ; il ne devient pas un second accent d'UI.
04Motifs abstraits — déclinaisons
Pour les en-têtes calmes : horizon, arches, strates — teal et version ouverte.
05Variations de style
Le même diagramme, trois rendus : plein, filaire, verre.
06Autres concepts, même langage
Au-delà de l'empilement : un bloc dense, un réseau, un hub.
Tous au même langage (teal + ambre, traits fins, isométrie 2:1) pour qu'ils forment une famille — c'est la cohérence, pas le nombre d'éléments, qui fait « marque ».
07Plus de couleur — le spectre Aurore
Le diagramme prend tout le spectre ; une bande « aurore » pour les en-têtes.
Voilà l'antidote à la lassitude teal+ambre : la couleur vit dans l'image. Si tu valides ce niveau de couleur, je l'inscris dans DESIGN_DIRECTION.md (spectre = illustration ; UI = teal + ambre) et on l'applique aux graphiques retenus.
08Plus dynamique / plus technique à l'essai
Deux pistes à tester — contre la sobriété habituelle, pour voir.
La logique : l'empilement actuel suggère une hiérarchie (Cloud « au-dessus » de Sur site) — or nos piliers sont parallèles et combinables, pas des paliers. La version « trois piliers » est donc plus juste, et plus technique (elle nomme les composants).
Le compromis (assumé) : plus technique = plus « features », moins « tranquillité » — c'est exactement ce que la lentille commerciale évite. À toi de juger si l'effet vaut l'entorse. Le mouvement, lui, reste discret et se désactive en reduced-motion.
09La famille « ligne claire » adoptée 2026-06-12
Le plan de métro : une ligne, des stations, un terminus. Le dessin est l'explication.
Usage copy-led : la fourche vit sur le home (décision 2026-06-12, avec « le fil ») ; parcours, niveaux, ligne et « aller plus loin » attendent leur page (méthode, audit/expertise, audience, offres) et se posent avec la copie d'Erwann. Tous token-driven (clair + sombre), trait qui se dessine au reveal, FR + EN via Diagram.astro.
Tout ça tient aussi sur un « moment » sombre.
Diagramme, jauge et motifs restent lisibles sur clair comme sur sombre, sans retouche.