Notre design, à livre ouvert
Nous documentons publiquement nos chiffres, nos prix et notre méthode. Cette page fait la même chose avec notre identité visuelle : chaque couleur, chaque police et chaque règle du site, et la raison de chacune. C'est notre référence interne autant que notre engagement : ce que vous voyez est choisi, pas improvisé.
Un fond porcelaine, des panneaux qui flottent
Le fond du site est un blanc froid très légèrement teinté, que nous appelons porcelaine. Trois halos diffus (bleu, indigo, cyan) et un grain de points discret lui donnent une profondeur de matière : les panneaux blancs se détachent dessus au lieu de se fondre dans du blanc plat.
Les panneaux sont toujours opaques, avec un liseré et une ombre douce composée. Pas de transparence, pas de flou décoratif sur le contenu : ce que vous lisez repose sur quelque chose.
Un panneau du site, tel quel : fond opaque, liseré, ombre douce, survol qui soulève.
fond #F6F7F9 · grain 22px · aurores bleu/indigo/cyan
Six couleurs, six rôles écrits
Porcelaine
#F6F7F9Le fond de tout le site
Un neutre froid à peine teinté. Il laisse les contenus flotter sans jamais crier, et donne leur place aux vraies couleurs : les vôtres.
Encre
#0F172ATextes, titres, sections sombres
Un bleu nuit presque noir plutôt qu'un noir pur : moins dur à lire, cohérent avec le reste de la palette.
Bleu
#2563EBL'accent principal : actions, liens, chiffres clés
Un seul accent principal, utilisé avec parcimonie. Quand tout est coloré, plus rien ne ressort ; quand le bleu est rare, un bouton bleu veut dire quelque chose.
Orange
#EA580CLe contre-point : un par écran, maximum
La touche chaude qui empêche le site d'être froid. Sa rareté est volontaire : c'est elle qui lui donne sa force.
Cyan
#0891B2Couleur de soutien : dégradés, repères éditoriaux
Jamais en premier rôle. Il nuance le bleu sans le concurrencer.
Indigo
#6366F1Couleur de soutien : profondeur des dégradés
Le liant entre le bleu et l'encre. Comme le cyan, il accompagne, il ne mène pas.
La règle des 60/30/10
Sur chaque écran, environ 60 % de neutres clairs (porcelaine et panneaux blancs), 30 %d'encre (textes et sections sombres) et 10 % de couleur, dominée par le bleu.
Cette discipline n'est pas esthétique, elle est fonctionnelle : elle garantit que ce qui est coloré est important. Un bouton bleu sur une page calme se voit. Le même bouton sur une page saturée disparaît.
Deux polices, deux voix
Inter Tight · les titres
Ce qui compte,
en gras et serré.
Graisse maximale, lettres resserrées : les titres affirment. C'est la voix qui porte les chiffres et les promesses, celle qu'on doit pouvoir lire de loin.
Inter · le texte
Le texte courant est posé, aéré, sans effet. Sa seule mission est de se faire oublier pour que vous reteniez le fond.
Interlignage généreux, colonnes limitées à une largeur confortable de lecture : environ 70 caractères par ligne, jamais plus.
Des animations qui servent
Tout le site partage la même courbe d'animation, douce et rapide à la fois, et les mêmes durées. Les éléments apparaissent une seule fois, au bon moment, puis laissent lire.
Si votre système demande de réduire les animations, le site obéit : tout reste lisible et utilisable, sans aucun mouvement.
Ce que l'on s'interdit
- Aucun panneau transparent : les cartes sont opaques, toujours. La lisibilité passe avant l'effet.
- Aucun emoji dans l'interface : des icônes fines et cohérentes, dessinées d'un même trait.
- Pas de vert « succès » ni de rouge « alerte » décoratifs : quand tout est vert, plus rien n'est vrai.
- Les animations respectent votre réglage « réduire les animations » : l'élégance ne s'impose pas.
- Chaque couleur a un rôle écrit noir sur blanc. Une couleur hors de cette page est un bug, pas une variation.
La même exigence de transparence s'applique à nos chiffres et à nos prix.
Voir notre calcul de ROI, hypothèse par hypothèse