Zur Navigation
Zum Inhalt
Kontakt
Menu
Komponente finden
Übersicht Lyne
Prinzipien
Grundlagen
Barrierefreiheit
Design System
Guidelines
Deutsch
Français
Italiano
English
Unsere Gestaltungsprinzipien
Nutzerzentriert
Wiedererkennbar
Inklusiv
Reduziert
Ganzheitlich
Selbsterklärend
Aufgabenorientiert
Passend
SBB Markenportal
Logo
Digitale Uhr
Nutzungsrechte
Basis-Farben
Funktionale Farben
Off-Brand Farben
Icons
Fahrplan-Icons
Piktogramme
Über Barrierefreiheit
Über diesen Guide
Kontakt
Weitere Informationen
Product Owner
User Research
Interaction Design
Visual Design
Development
Content Design
Testing
Was ist ein Design System?
Designing
Coding
FAQ
Hilfe
Prozess
Contribution
Kontakt
Übersicht
Basis
Komponenten
Übersicht
Releases
Design Tokens
Komponenten
Roadmap
Übersicht
Basis
Informationen
Übersicht
Basis
Komponenten
Sinn & Zweck
Community Assets
Anleitung
Power-Apps
Digitale Werbebanner
SAP
App Icons
Breakpoint
zero
sbb-breakpoint-zero-min
0 - 359
sbb-breakpoint-zero-max
micro
sbb-breakpoint-micro-min
360 - 599
sbb-breakpoint-micro-max
small
sbb-breakpoint-small-min
600 - 839
sbb-breakpoint-small-max
medium
sbb-breakpoint-medium-min
840 - 1023
sbb-breakpoint-medium-max
large
sbb-breakpoint-large-min
1024 - 1279
sbb-breakpoint-large-max
wide
sbb-breakpoint-wide-min
1280 - 1439
sbb-breakpoint-wide-max
ultra
sbb-breakpoint-ultra-min
1440 - 2579
sbb-breakpoint-ultra-max
Komponente finden
Lyne
Suchbegriff eingeben
Design Tokens
Animation
Animation
Border
Border
Breakpoint
Breakpoint
Color
Color
Layout
Layout
Shadow
Shadow
Size
Size
Spacing
Spacing
Typografie
Typografie
Action
More Info
Action-Group
More Info
Block-Link
More Info
Button
More Info
Link
More Info
Mini-Button-Group
More Info
Secondary-Button
More Info
Teaser
More Info
Teasser-Hero
More Info
Teaser-Product
More Info
Teaser-Product-Static
More Info
Tertiary-Button
More Info
Transparent-Button
Brand
More Info
Clock
More Info
Logo
Collection
More Info
Link-List
More Info
Link-List-Anchor
More Info
Paginator
More Info
Compact-Paginator
More Info
Skiplink-List
More Info
Table-Wrapper
Form
More Info
Autocomplete
More Info
Autocomplete-Grid
More Info
Calendar
More Info
Checkbox
More Info
Checkbox-Group
More Info
Checkbox-Panel
More Info
Datepicker
More Info
File-Selector
More Info
Form-Field
More Info
Radio-Button
More Info
Radio-Button-Group
More Info
Radio-Button-Panel
More Info
Select
More Info
Selection-Expansion-Panel
More Info
Slider
More Info
Toggle
More Info
Toggle-Check
Indicator
More Info
Alert
More Info
Alert-Group
More Info
Chip
More Info
Loading-Indicator
More Info
Message
More Info
Notification
More Info
Status
More Info
Stepper
More Info
Tag-Group
More Info
Toast
Layout
More Info
Accordion
More Info
Card
More Info
Container
More Info
Divider
More Info
Footer
More Info
Header
More Info
Map-Container
More Info
Title
Navigation
More Info
Breadcrumb
More Info
Breadcrumb-Group
More Info
Menu
More Info
Navigation
More Info
Tab-Group
Overlay
More Info
Dialog
More Info
Overlay
More Info
Popover
Time-Table
More Info
Journey-Header
More Info
Pearl-Chain
Visual asset
More Info
Icon
More Info
Image
Impressum
Kontakt
Datenschutz
Cookie Einstellungen