Zur Navigation Zum Inhalt Kontakt Menu
Principes Bases Accessibilité Système de design Guidelines Deutsch Français Italiano English Nos principes de design Centré sur l’utilisateur Reconnaissable Inclusif Minimaliste Holistique Auto-explicatif Axé sur les tâches Approprié Portail de la marque CFF Logo Horloge numérique Droits d’utilisation Couleurs de base Couleurs supplémentaires Couleurs off-brand Icônes Icônes de l’horaire Pictogrammes À propos de l’accessibilité À propos de ce guide Contact Informations complémentaires Product Owner User Research Interaction Design Visual Design Development Content Design Testing What is a design system? Conception Développer FAQ Aide Procès Contribution Contact Aperçu Base Composants Aperçu Releases Design Tokens Composants Aperçu Base Informations Aperçu Power-Apps Bandeaux publicitaires numériques SAP IA Design : Bases Icônes d’applications
Couleurs off-brand

Dans quelques cas, le rouge CFF ne peut pas être utilisé comme couleur primaire. Par exemple, la couleur rouge ne peut être utilisée dans les applications liées à la sécurité que pour communiquer des erreurs. Dans ces cas, la couleur primaire (Red, Red125, Red150) peut être remplacée par les couleurs suivantes :

Royal-Dark

HEX: #0053EF

RGB: R:0 G:83 B:239

Royal-Light

HEX: #06348B

RGB: R:6 G:52 B:139

Royal125-Dark

HEX: #245ECB

RGB: R:36 G:94 B:203

Royal125-Light

HEX: #032668

RGB: R:3 G:38 B:104

Royal150-Dark

HEX: #3C65B3

RGB: R:60 G:101 B:179

Royal150-Light

HEX: #021C4E

RGB: R:2 G:28 B:78

Royal85-Dark

HEX: #4077DF

RGB: R:64 G:119 B:223

Royal85-Light

HEX: #4077DF

RGB: R:64 G:119 B:223

Veuillez noter que ce kit de couleurs ne peut être utilisé que dans des cas exceptionnels. Une clarification avec le DSRV UX est nécessaire.

Conception avec Figma

Les couleurs sont disponibles dans la bibliothèque Figma, mais ne sont pas utilisées dans les composants. Les couleurs peuvent toutefois être facilement remplacées dans Figma avec la fonction "Selection Colors".

Développement frontend

Dans la bibliothèque Angular, les couleurs peuvent être échangées comme suit : Vers les instructions.