ISSDesign Systemv1.0

Foundations

Couleurs

Palette officielle ISS, héritée de la charte client et structurée pour le site public et l'application métier.

Couleurs de marque

Trois couleurs portent l'identité ISS et structurent toute la hiérarchie d'action.

ISS Orangeoklch(0.704 0.184 50.5)

CTA principal, actions commerciales, accents de marque

ISS Vertoklch(0.595 0.169 148)

Validation, succès, LGS, états positifs

ISS Rougeoklch(0.598 0.225 27)

Urgence, alerte, erreurs, badges critiques

Couleurs sémantiques

Utilisées pour communiquer un statut : information, attention, succès, erreur.

Infooklch(0.583 0.171 247)

Informations, messages neutres

Warningoklch(0.799 0.157 78)

Attention, statuts intermédiaires

Successoklch(0.595 0.169 148)

Confirmation, validation

Dangeroklch(0.598 0.225 27)

Erreurs, suppression

Neutres

Échelle de gris pour textes, bordures, fonds et états désactivés.

Gray 50oklch(0.985 0 0)

Gray 100oklch(0.961 0 0)

Gray 200oklch(0.882 0 0)

Gray 300oklch(0.78 0 0)

Gray 500oklch(0.55 0 0)

Gray 700oklch(0.32 0 0)

Gray 900oklch(0.16 0 0)

Règles d'usage

À faire

  • • Utiliser l'orange uniquement pour les CTA principaux et accents de marque
  • • Réserver le vert au succès, à la validation et à l'entité LGS
  • • Toujours associer une icône ou un label à une couleur de statut
  • • Vérifier le contraste AA sur tout texte (≥ 4.5:1)

À éviter

  • • Mettre de l'orange partout — il perd son rôle d'action
  • • Utiliser le rouge comme couleur décorative
  • • Communiquer un statut uniquement par la couleur (daltonisme)
  • • Mélanger trois couleurs de marque sur un même bloc