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 fonctionnelles 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 Base Composants Aperçu Base Composants Overview Releases Design Tokens Komponenten Aperçu Base Informations Sens & objectif Community Assets Instructions Power-Apps Bandeaux publicitaires numériques SAP Icônes d’applications Couleurs de base

Notre objectif ici est de réduire l’utilisation de couleurs à un niveau raisonnable. Le rouge est utilisé pour les principaux éléments de navigation dont la fonction est de permettre à l’utilisateur de s’orienter rapidement et facilement sur la page. Les dégradés sont proscrits.

Couleurs
Rouge
Red

HEX: #EB0000

RGB: R: 235 G: 0 B: 0

Red125

HEX: #C60018

RGB: R: 198 G: 0 B: 24

Red150

HEX: #A20013

RGB: R: 162 G: 0 B: 19

Blanc, Gris, Noir
White

HEX: #FFFFFF

RGB: R: 255 G: 255 B: 255

Milk

HEX: #F6F6F6

RGB: R: 246 G: 246 B: 246

Cloud

HEX: #E5E5E5

RGB: R: 229 G: 229 B: 229

Silver

HEX: #DCDCDC

RGB: R: 220 G: 220 B: 220

Aluminum

HEX: #D2D2D2

RGB: R: 210 G: 210 B: 210

Platinum

HEX: #CDCDCD

RGB: R: 205 G: 205 B: 205

Cement

HEX: #BDBDBD

RGB: R: 189 G: 189 B: 189

Graphite

HEX: #B7B7B7

RGB: R: 183 G: 183 B: 183

Storm

HEX: #A8A8A8

RGB: R: 168 G: 168 B: 168

Smoke

HEX: #8D8D8D

RGB: R: 141 G: 141 B: 141

Metal

HEX: #767676

RGB: R: 118 G: 118 B: 118

Granite

HEX: #686868

RGB: R: 104 G: 104 B: 104

Anthracite

HEX: #5A5A5A

RGB: R: 90 G: 90 B: 90

Iron

HEX: #444444

RGB: R: 68 G: 68 B: 68

Charcoal

HEX: #212121

RGB: R: 33 G: 33 B: 33

Midnight

HEX: #151515

RGB: R: 21 G: 21 B: 21

Black

HEX: #000000

RGB: R: 0 G: 0 B: 0

Bleu
Blue

HEX: #2d327d

RGB: R: 45 G: 50 B: 125

Présentation accessibilisée Pondération des couleurs

Les sites Web des CFF doivent tenir compte des taux de pondération des couleurs indiqués ci-dessous. Les quantités sont données à titre indicatif et n’ont donc pas valeur de règle absolue. Il convient toutefois d’éviter les écarts trop importants. Toute dérogation doit être validée par l’unité Gestion de la marque CFF.

60%
25%
10%
5%
Impressum Contact Paramètres des cookies