Quand on fabrique un outil par mois, le risque n’est pas le mauvais goût, c’est la dispersion : vingt interfaces qui ne se ressemblent pas, vingt façons de faire un bouton. On a donc écrit une charte, courte, et on l’applique partout — y compris à cet Espace membres.
La palette
Un bleu principal (#4764AC) pour l’action, un cyan (#3FBEEE) pour l’accent et les états actifs, un marine (#0F1F3D) pour les fonds sombres et les badges « réservé », un gris (#9D9D9C) pour le secondaire. Sur le site vitrine, le bleu se décline en #2173d0 / #0693E3 pour mieux ressortir sur blanc. Le logo existe en deux versions, dont une « BB » prévue pour les fonds sombres — c’est elle qu’utilisent Medialy, Inkread et le cockpit.
Le squelette commun
Tous les outils web de la Suite partagent le même socle de code : page de connexion, réglages, mise en page, e-mails, liens signés. C’est né de Retroplanning, puis forgé dans ProjectNaming, puis copié six fois pour les satellites. Conséquence : une correction de design se propage, et un nouvel outil naît déjà habillé.
Les composants qui reviennent
- La carte : bord fin #e6ebf3, rayon 16 px, ombre très légère. Vous la voyez sur la vitrine et sur les fiches logiciels.
- Le bouton : plein bleu, rayon 11 px, texte gras ; sa variante « fantôme » sur fond #eef3fb pour les actions secondaires.
- Le badge de statut : idée, en développement, bêta, disponible — quatre couleurs, jamais plus.
- La typographie système, sauf pour la lecture longue (Inkread : Inter + JetBrains Mono).
Ce que ça change
Un client qui passe de Scoper à Bench puis à Retroplanning n’a pas l’impression de changer de maison. Et pour nous, chaque nouvel outil commence par le fond et la forme déjà réglés : on peut se concentrer sur ce qu’il fait.