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 Overview Releases Design Tokens Composants Aperçu Base Informations Aperçu Base Composants Sens & objectif Community Assets Instructions 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 Layout

Base Grid Columns
sbb-layout-base-grid-columns-zero
4
sbb-layout-base-grid-columns-micro
4
sbb-layout-base-grid-columns-small
4
sbb-layout-base-grid-columns-medium
8
sbb-layout-base-grid-columns-large
8
sbb-layout-base-grid-columns-wide
12
sbb-layout-base-grid-columns-ultra
16
Base Grid Gutter

sbb-layout-base-grid-gutter-responsive-zero

16

sbb-layout-base-grid-gutter-responsive-micro

16

sbb-layout-base-grid-gutter-responsive-small

24

sbb-layout-base-grid-gutter-responsive-medium

24

sbb-layout-base-grid-gutter-responsive-large

32

sbb-layout-base-grid-gutter-responsive-wide

32

sbb-layout-base-grid-gutter-responsive-ultra

32

Base Grid Offset

sbb-layout-base-offset-responsive-zero

16

sbb-layout-base-offset-responsive-micro

20

sbb-layout-base-offset-responsive-small

48

sbb-layout-base-offset-responsive-medium

56

sbb-layout-base-offset-responsive-large

64

sbb-layout-base-offset-responsive-wide

72

sbb-layout-base-offset-responsive-ultra

120
Contact

Vous avez des questions ? Vous trouverez peut-être une réponse dans notre FAQ ou notre aide, sinon vous pouvez poser votre question sur le board correspondant sur Github.

Impressum Contact Protection des données Paramètres des cookies