Zur Navigation
Zum Inhalt
Kontakt
Menu
Find component
Overview Lyne
Principles
Foundation
Accessibility
Design System
Guidelines
Deutsch
Français
Italiano
English
Our design principles
User-centred
Recognisable
Inclusive
Reduced
Holistic
Self-explanatory
Task-oriented
Appropriate
SBB Brand portal
Logo
Digital clock
Rights of use
Base colors
Functional colors
Off brand colors
Icons
Timetable icons
Pictograms
About accessibility
Über diesen Guide
Contact
Further information
Product Owner
User Research
Interaction Design
Visual Design
Development
Content Design
Testing
What is a design system?
Designing
Coding
FAQ
Help
Process
Contribution
Contact
Overview
Base
Components
Overview
Releases
Design Tokens
Komponenten
Overview
Base
Informationen
Overview
Base
Components
Sense & Purpose
Community Assets
Instructions
Power-Apps
Digital banner ads
SAP Design Guidelines
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
Find component
Lyne
Enter keyword
Design Tokens
Animation
Border
Breakpoint
Color
Layout
Shadow
Size
Spacings
Typography
Components
Accordion
Accordion
Expansion-Panel
Action-Group
Alert
Alert
Alert-Group
Autocomplete
Autocomplete
Breadcrumb
Breadcrumb
Breadcrumb-Group
Button
Primary-Button
Secondary-Button
Tertiary-Button
Transparent-Button
Mini-Button
Card
Card
Card-Badge
Checkbox
Checkbox
Checkbox-Panel
Checkbox-Group
Chip
Clock
Container
Container
Sticky-Bar
Datepicker
Datepicker
Calendar
Dialog
Dialog
Dialog-Title
Dialog-Content
Dialog-Actions
Divider
File-Selector
Footer
Form-Field
Form-Field
Form-Error
Header
Header
Header-Button
Header-Link
Icon
Image
Journey-Header
Link
Block-Link
Link
Link-List
Loading-Indicator
Logo
Menu
Menu
Menu-Button
Menu-Link
Message
Navigation
Navigation
Navigation-Button
Navigation-Link
Notification
Overlay
Popover
Popover
Popover-Trigger
Radio-Button
Radio-Button
Radio-Button-Panel
Radio-Button-Group
Select
Selection-Expansion-Panel
Skiplink-List
Slider
Status
Tab
Tab-Group
Tab-Label
Tab
Table-Wrapper
Tag
Tag
Tag-Group
Teaser
Teaser
Teaser-Hero
Teaser-Paid
Time-Input
Title
Toast
Toggle
Toggle
Toggle-Check
Imprint
Contact
Cookie settings