Couleurs

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.

• Name: Red

  HEX: #EB0000

  RGB: R: 235 G: 0 B: 0

• Name: Red125

  HEX: #C60018

  RGB: R: 198 G: 0 B: 24

• Name: Red150

  HEX: #A20013

  RGB: R: 162 G: 0 B: 19

• Name: White

  HEX: #FFFFFF

  RGB: R: 255 G: 255 B: 255

• Name: Milk

  HEX: #F6F6F6

  RGB: R: 246 G: 246 B: 246

• Name: Cloud

  HEX: #E5E5E5

  RGB: R: 229 G: 229 B: 229

• Name: Silver

  HEX: #DCDCDC

  RGB: R: 220 G: 220 B: 220

• Name: Aluminum

  HEX: #D2D2D2

  RGB: R: 210 G: 210 B: 210

• Name: Platinum

  HEX: #CDCDCD

  RGB: R: 205 G: 205 B: 205

• Name: Cement

  HEX: #BDBDBD

  RGB: R: 189 G: 189 B: 189

• Name: Graphite

  HEX: #B7B7B7

  RGB: R: 183 G: 183 B: 183

• Name: Storm

  HEX: #A8A8A8

  RGB: R: 168 G: 168 B: 168

• Name: Smoke

  HEX: #8D8D8D

  RGB: R: 141 G: 141 B: 141

• Name: Metal

  HEX: #767676

  RGB: R: 118 G: 118 B: 118

• Name: Granite

  HEX: #686868

  RGB: R: 104 G: 104 B: 104

• Name: Anthracite

  HEX: #5A5A5A

  RGB: R: 90 G: 90 B: 90

• Name: Iron

  HEX: #444444

  RGB: R: 68 G: 68 B: 68

• Name: Charcoal

  HEX: #212121

  RGB: R: 33 G: 33 B: 33

• Name: Midnight

  HEX: #151515

  RGB: R: 21 G: 21 B: 21

• Name: Black

  HEX: #000000

  RGB: R: 0 G: 0 B: 0

• Name: Blue

  HEX: #2d327d

  RGB: R: 45 G: 50 B: 125

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.

Couleurs fonctionnelles avancées

L’utilisation de couleurs supplémentaires nécessite l’autorisation de KOM. Chaque utilisation de ces couleurs doit être soumise à KOM et expressément approuvée. Ces couleurs supplémentaires sont réservées à des usages bien précis, à savoir lorsque la gamme de couleurs correspondant au Corporate Design n’est pas suffisante pour garantir l’expérience utilisateur. Exemple: pour un encadré ou un élément similaire.

• Name: Sky

  HEX: #0079C7

  RGB: R: 0 G: 121 B: 199

• Name: Night

  HEX: #143A85

  RGB: R: 20 G: 58 B: 133

• Name: Violet

  HEX: #6F2282

  RGB: R: 111 G: 34 B: 130

• Name: Autumn

  HEX: #E84E10

  RGB: R: 232 G: 78 B: 16

• Name: Orange

  HEX: #F27E00

  RGB: R: 242 G: 126 B: 0

• Name: Peach

  HEX: #FCBB00

  RGB: R: 252 G: 187 B: 0

• Name: Lemon

  HEX: #FFDE15

  RGB: R: 255 G: 222 B: 21

• Name: Brown

  HEX: #B76000

  RGB: R: 183 G: 96 B: 0

• Name: Green

  HEX: #00973B

  RGB: R: 0 G: 151 B: 59

• Name: Turquoise

  HEX: #00A59B

  RGB: R: 0 G: 165 B: 155

Présentation accessibilisée

En cas de combinaison de couleurs, respecter un rapport de contraste de 4,5:1. Ce ratio correspond aux prescriptions des WCAG 2.2 Level AA. Les valeurs de contraste peuvent être contrôlées à l’aide de l’analyseur de contrastes de couleurs..