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 Base Composants Aperçu Power-Apps Bandeaux publicitaires numériques SAP Icônes d’applications Cette page n'est pas disponible dans la langue souhaitée. Langues disponibles: Deutsch English Color

sbb-color-black

#000000

sbb-color-black-alpha-0

rgba(0, 0, 0, 0)

sbb-color-black-alpha-10

rgba(0, 0, 0, 0.1)

sbb-color-black-alpha-15

rgba(0, 0, 0, 0.15)

sbb-color-black-alpha-20

rgba(0, 0, 0, 0.2)

sbb-color-black-alpha-30

rgba(0, 0, 0, 0.3)

sbb-color-black-alpha-40

rgba(0, 0, 0, 0.4)

sbb-color-black-alpha-50

rgba(0, 0, 0, 0.5)

sbb-color-black-alpha-60

rgba(0, 0, 0, 0.6)

sbb-color-black-alpha-70

rgba(0, 0, 0, 0.7)

sbb-color-midnight

#151515

sbb-color-blue

#2d327d

sbb-color-charcoal

#212121

sbb-color-iron

#444444

sbb-color-anthracite

#5a5a5a

sbb-color-granite

#686868

sbb-color-metal

#767676

sbb-color-metal-alpha-0

rgba(118, 118, 118, 0)

sbb-color-metal-alpha-20

rgba(118, 118, 118, 0.2)

sbb-color-smoke

#8d8d8d

sbb-color-smoke-alpha-0

rgba(141, 141, 141, 0)

sbb-color-smoke-alpha-5

rgba(141, 141, 141, 0.05)

sbb-color-smoke-alpha-10

rgba(141, 141, 141, 0.1)

sbb-color-smoke-alpha-20

rgba(141, 141, 141, 0.2)

sbb-color-storm

#a8a8a8

sbb-color-graphite

#b7b7b7

sbb-color-cement

#bdbdbd

sbb-color-cement-alpha-0

rgba(189, 189, 189, 0)

sbb-color-cement-alpha-20

rgba(189, 189, 189, 0.2)

sbb-color-platinum

#cdcdcd

sbb-color-platinum-alpha-0

rgba(205, 205, 205, 0)

sbb-color-platinum-alpha-20

rgba(205, 205, 205, 0.2)

sbb-color-aluminium

#d2d2d2

sbb-color-silver

#dcdcdc

sbb-color-cloud

#e5e5e5

sbb-color-cloud-alpha-80

rgba(229, 229, 229, 0.8)

sbb-color-milk

#f6f6f6

sbb-color-red

#eb0000

sbb-color-red-alpha-0

rgba(235, 0, 0, 0)

sbb-color-red-alpha-20

rgba(235, 0, 0, 0.2)

sbb-color-red-alpha-60

rgba(235, 0, 0, 0.6)

sbb-color-red-alpha-90

rgba(235, 0, 0, 0.9)

sbb-color-red-mode-dark

#ff3838

sbb-color-red85

#ff3838

sbb-color-red125

#c60018

sbb-color-red125-alpha-0

rgba(198, 0, 24, 0)

sbb-color-red125-alpha-20

rgba(198, 0, 24, 0.2)

sbb-color-red125-alpha-60

rgba(198, 0, 24, 0.6)

sbb-color-red150

#a20013

sbb-color-royal

#06348b

sbb-color-royal85

#4077df

sbb-color-royal125

#032668

sbb-color-royal150

#021c4e

sbb-color-royal-light

#06348b

sbb-color-royal-dark

#0053ef

sbb-color-royal85-light

#4077df

sbb-color-royal85-dark

#4077df

sbb-color-royal125-light

#032668

sbb-color-royal125-dark

#245ecb

sbb-color-royal150-light

#021c4e

sbb-color-royal150-dark

#000000

sbb-color-white

#ffffff

sbb-color-white-alpha-0

rgba(255, 255, 255, 0)

sbb-color-white-alpha-20

rgba(255, 255, 255, 0.2)

sbb-color-white-alpha-30

rgba(255, 255, 255, 0.3)

sbb-color-white-alpha-50

rgba(255, 255, 255, 0.5)

sbb-color-white-alpha-60

rgba(255, 255, 255, 0.6)

sbb-color-white-alpha-70

rgba(255, 255, 255, 0.7)

sbb-color-white-alpha-80

rgba(255, 255, 255, 0.8)

sbb-color-sky

#0074bf

sbb-color-sky-light

#0074bf

sbb-color-sky-dark

#128ede

sbb-color-night

#143a85

sbb-color-night-light

#143a85

sbb-color-night-dark

#6587ca

sbb-color-violet

#6f2282

sbb-color-violet-light

#6f2282

sbb-color-violet-dark

#b36cc5

sbb-color-pink

#c7387a

sbb-color-pink-light

#c7387a

sbb-color-pink-dark

#e45295

sbb-color-autumn

#cf3b00

sbb-color-autumn-light

#cf3b00

sbb-color-autumn-dark

#f05313

sbb-color-orange

#f27e00

sbb-color-orange-light

#f27e00

sbb-color-orange-dark

#fb8e19

sbb-color-peach

#fcbb00

sbb-color-peach-light

#fcbb00

sbb-color-peach-dark

#ffc727

sbb-color-lemon

#ffde15

sbb-color-lemon-light

#ffde15

sbb-color-lemon-dark

#ffe547

sbb-color-brown

#a05400

sbb-color-brown-light

#a05400

sbb-color-brown-dark

#000000

sbb-color-green

#008233

sbb-color-green-light

#008233

sbb-color-green-dark

#109d47

sbb-color-turquoise

#007e84

sbb-color-turquoise-light

#007e84

sbb-color-turquoise-dark

#00a59b