The brandLink target opens in a new window. SBB Brand portal Logo Digital clock Rights of useColors Base colors Additional colors Off brand colorsAssets Icons Timetable icons PictogramsLanguage About UX Writing Button and link texts Forms and inputs Notifications Progress indicators Digital word list
Introduction About accessibility About this guide Contact Further informationAccessibility by roles Product Owner User Research Interaction Design Visual Design Development Content Design Testing
First steps What is a design system? Designing Coding FAQ HelpOrganisation Process Contribution ContactMobile Overview Base ComponentsLyne Overview What is Lyne? Releases Presets & Themes Design Tokens Components TemplatesMaps Overview Base InformationsPatterns Overview
Regulations App IconsGuides Power-Apps Digital banner ads SAP Design Guidelines AI Design: Basics
Lyne
v5.12.0
The Lyne design system describes the specifications for websites as well as for customer and employee applications. It consists of this documentation, a Figma library and a WebComponent library. The documentation is continuously improved.
Design
Link target opens in a new window. ColorsLink target opens in a new window. IconsLink target opens in a new window. PictogramsLink target opens in a new window. ComponentsLink target opens in a new window. Annotations
Code
Link target opens in a new window. Getting started guideLink target opens in a new window. IconsLink target opens in a new window. Design TokensLink target opens in a new window. ComponentsLink target opens in a new window. Storybook
Contribution
Link target opens in a new window. Bug ReportLink target opens in a new window. Request for contributingLink target opens in a new window. Feature requestLink target opens in a new window. Question