Identité

La charte graphique

Tout ce qui suit est dérivé du logo : les couleurs y ont été relevées au pixel, pas choisies à l’œil. Cette page sert de référence commune pour toute production NITDM.

Couleurs

Deux teintes mères

Le violet occupe 53,9 % des pixels du logo : c’est la couleur maîtresse. Le magenta du monogramme sert d’accent. Tous les autres pas en sont dérivés.

Violet 500

#662D91

relevé sur le logo

Magenta 600

#83267A

relevé sur le monogramme

Lilas 100

#ECE5F1

relevé sur le logo

Encre

#1A1024

Échelle du violet

Violet 900

#2E1343

Violet 700

#4E2170

Violet 500

#662D91

Violet 300

#A17FC4

Échelle du magenta

Magenta 700

#6B1F64

Magenta 600

#83267A

Magenta 500

#A32E97

Magenta 300

#D08CC6

Contraste vérifié

Les quatre teintes portant du texte dépassent le seuil d’accessibilité AA (4,5:1) sur fond blanc :

  • Violet 500 #662D91 — 8,94:1
  • Magenta 600 #83267A — 8,32:1
  • Violet 700 #4E2170 — 11,83:1
  • Magenta 500 #A32E97 — 6,19:1

Dégradé

La signature

Le dégradé reprend la bascule magenta → violet du monogramme. Il sert aux boutons principaux, aux filets et aux chiffres mis en avant. Jamais en fond de bloc de texte.

Typographie

Poppins et Inter

Poppins pour les titres : sa géométrie arrondie prolonge le dessin du mot-symbole. Inter pour le texte courant, dessinée pour l’écran.

TITRES

Poppins

Graisses 500, 600 et 700. Interlettrage resserré de 2 %, pour une tenue compacte.

TEXTE

Inter

Graisses 400, 500 et 600. Interligne de 1,7 pour le confort de lecture sur écran.

Composants

Les pièces du site

Boutons

Action principale Action secondaire

Surtitre et accent

Surtitre de section

Un titre avec un accent