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 IA Design : Bases Icônes d’applications Cette page n'est pas disponible dans la langue souhaitée. Langues disponibles: Deutsch English Spacing Responsive
zero
small
large
ultra

sbb-spacing-responsive-xxxs

zero: 12px

small: 12px

large: 16px

ultra: 16px

sbb-spacing-responsive-xxs

zero: 16px

small: 16px

large: 24px

ultra: 24px

sbb-spacing-responsive-xs

zero: 20px

small: 20px

large: 24px

ultra: 24px

sbb-spacing-responsive-s

zero: 24px

small: 24px

large: 32px

ultra: 32px

sbb-spacing-responsive-m

zero: 32px

small: 32px

large: 40px

ultra: 48px

sbb-spacing-responsive-l

zero: 32px

small: 40px

large: 56px

ultra: 64px

sbb-spacing-responsive-xl

zero: 32px

small: 48px

large: 80px

ultra: 96px

sbb-spacing-responsive-xxl

zero: 48px

small: 72px

large: 96px

ultra: 120px

Fixed

sbb-spacing-fixed-1x

4px

sbb-spacing-fixed-2x

8px

sbb-spacing-fixed-3x

12px

sbb-spacing-fixed-4x

16px

sbb-spacing-fixed-5x

20px

sbb-spacing-fixed-6x

24px

sbb-spacing-fixed-7x

28px

sbb-spacing-fixed-8x

32px

sbb-spacing-fixed-9x

36px

sbb-spacing-fixed-10x

40px

sbb-spacing-fixed-12x

48px

sbb-spacing-fixed-14x

56px

sbb-spacing-fixed-16x

64px

sbb-spacing-fixed-18x

72px

sbb-spacing-fixed-19x

76px

sbb-spacing-fixed-20x

80px

sbb-spacing-fixed-24x

96px

sbb-spacing-fixed-30x

120px
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