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 Spacing

Responsive
zero
micro
small
medium
large
wide
ultra

sbb-spacing-responsive-xxxs

zero: 12

micro: 12

small: 12

medium: 16

large: 16

wide: 16

ultra: 16

sbb-spacing-responsive-xxs

zero: 16

micro: 16

small: 16

medium: 24

large: 24

wide: 24

ultra: 24

sbb-spacing-responsive-xs

zero: 20

micro: 20

small: 20

medium: 24

large: 24

wide: 24

ultra: 24

sbb-spacing-responsive-s

zero: 24

micro: 24

small: 24

medium: 32

large: 32

wide: 32

ultra: 32

sbb-spacing-responsive-m

zero: 32

micro: 32

small: 32

medium: 40

large: 40

wide: 48

ultra: 48

sbb-spacing-responsive-l

zero: 32

micro: 32

small: 40

medium: 48

large: 56

wide: 56

ultra: 64

sbb-spacing-responsive-xl

zero: 32

micro: 32

small: 48

medium: 64

large: 80

wide: 80

ultra: 96

sbb-spacing-responsive-xxl

zero: 48

micro: 48

small: 72

medium: 80

large: 96

wide: 96

ultra: 120

Fixed

sbb-spacing-fixed-1x

4

sbb-spacing-fixed-2x

8

sbb-spacing-fixed-3x

12

sbb-spacing-fixed-4x

16

sbb-spacing-fixed-5x

20

sbb-spacing-fixed-6x

24

sbb-spacing-fixed-7x

28

sbb-spacing-fixed-8x

32

sbb-spacing-fixed-9x

36

sbb-spacing-fixed-10x

40

sbb-spacing-fixed-12x

48

sbb-spacing-fixed-14x

56

sbb-spacing-fixed-16x

64

sbb-spacing-fixed-18x

72

sbb-spacing-fixed-20x

80

sbb-spacing-fixed-24x

96

sbb-spacing-fixed-30x

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