Une promesse,
trois marques.

Monochromes

Réservés aux procédés à une seule encre : marquage, gravure, tampon, photocopie. Jamais sur un écran — un en-tête ou une photo appellent la variante sur fond sombre, qui garde le jaune et le dégradé.

Icônes

Le wordmark est illisible sous 24 px. L’icône en est la réduction : l’initiale de la marque entre les deux mêmes équerres, épaissies pour tenir dans un carré. Elle sert de favicon, d’icône d’application et d’avatar sur les réseaux. Les proportions sont reprises des icônes existantes — équerres à 12,5 % du côté, bras à 88 %, encre centrée optiquement dans le carré.

Deux garde-fous s’y ajoutent. L’initiale est bridée à 77,3 % de la zone intérieure : le m, bien plus large que le d, viendrait sinon toucher les équerres. Et une initiale capitale est composée à 86 % du corps, à graisse inchangée. Mesuré sur l’encre couvrant le carré, le N en 800 pleine taille couvre 34,8 % contre 28,1 % en moyenne pour ses deux sœurs — près d’un quart d’encre en trop, d’où sa lourdeur. La correction passe par la taille et non par la graisse : alléger la lettre réglait la masse mais faisait décrocher la typographie, le N n’ayant alors plus l’air composé dans la même police. À 86 % il couvre 25,7 %, juste sous le m — une capitale lit plus lourd qu’une bas de casse à encre égale, elle doit donc passer légèrement en dessous.

Les trois tailles ci-dessus sont à l’échelle réelle : c’est ainsi que l’icône apparaîtra dans un onglet. node studio/bin/logo.mjs --icons produit le jeu complet — favicon, apple-touch-icon, PWA, App Store, Play Store, avatar. Les quatre masters ont un fond transparent — comme pour le wordmark, « sur fond sombre » ne signifie que le passage du tracé en blanc. Aplatir sur une couleur est une opération de livraison, jamais une propriété du master. Les fichiers produits par l’outil, eux, sont aplatis sur fond papier : iOS et Android refusent la transparence et composeraient sinon sur du noir ; les favicons ont le problème miroir — un fond transparent avec une lettre noire disparaît sur un navigateur en thème sombre.

Huit variantes par marque

La confusion entre sur fond sombre et blanc est celle qu’on rate le plus souvent. Sur un en-tête ou une photo, c’est sur fond sombre qu’il faut : le monochrome y perd le jaune et le dégradé, donc tout ce qui identifie la marque.

Matrice complète

Vérification automatique : node studio/bin/contrast.mjs rejoue cette matrice et sort en erreur si une paire déclarée passe sous le seuil. La charte ne peut pas dériver en silence.

Mouvement : l’easing spring dépasse légèrement puis revient, ce qui donne la sensation d’un objet qui répond. Réservé aux interactions directes. On n’anime que transform et opacity — jamais transition-all. Survolez une pastille de couleur pour le voir.