# Lyne. v5.11.0 Das Design System Lyne beschreibt die Vorgaben für Webseiten, sowie für Kunden- und Mitarbeiter-Anwendungen. Es besteht aus dieser Dokumentation, einer Figma- und einer WebComponent-Library. Die Dokumentation wird fortlaufend verbessert. [Colors](https://www.figma.com/design/5j2eZ2D0sHYFKkRSmFdBPJ/SBB-Colors)[Icons](https://www.figma.com/file/UQBd7cHKav0hr9oXYp7opJ/SBB-Icons?t=pwg42Xg69vCDcyng-1)[Piktogramme](https://www.figma.com/file/el6W0pbvl6BRgaiPZ5NFqE/SBB-Pictograms?t=pwg42Xg69vCDcyng-1)[Components](https://www.figma.com/design/mWknI2rC5DJmOgRO61WKai/Lyne-Components?node-id=6603-11&node-type=canvas&t=B29m5ci8opb6xA2f-0)[Annotations](https://www.figma.com/design/6lFWZ0Y6Auv6t6Wjn5gfoD/SBB-Annotations?m=auto&node-id=1-163&t=TgwT8iWaxaJDaK4q-1) [Getting started guide](https://lyne-elements.app.sbb.ch/?path=/docs/introduction-getting-started--docs)[SBB Icons](https://github.com/sbb-design-systems/sbb-icons)[Design Tokens](https://github.com/sbb-design-systems/lyne-design-tokens)[Components](https://github.com/sbb-design-systems/lyne-components)[Storybook](https://lyne-elements.app.sbb.ch/) [Bug Report](https://github.com/sbb-design-systems/lyne-components/issues/new?assignees=octocat&labels=type%3A+bug+🐛&template=bug-report.yml&title=%5BBug%5D%3A+)[Request for contributing](https://github.com/sbb-design-systems/lyne-components/issues/new?assignees=octocat&labels=type%3A+contributing-request+🔨&template=contributing-request.yml&title=%5BContributing+request%5D%3A+)[Feature request](https://github.com/sbb-design-systems/lyne-components/issues/new?assignees=octocat&labels=type%3A+feature-request+💡&template=feature-request-or-enhancement.yml&title=%5BFeature+request%5D%3A+)[Question](https://github.com/sbb-design-systems/lyne-components/issues/new?assignees=octocat&labels=type%3A+question+❓&template=question.yml&title=%5BQuestion%5D%3A+) - [Animation](https://digital.sbb.ch/de/design-system/lyne/design-tokens/animation/): Design Token - [Border](https://digital.sbb.ch/de/design-system/lyne/design-tokens/border/): Design Token - [Color](https://digital.sbb.ch/de/design-system/lyne/design-tokens/color/): Design Token - [Grid](https://digital.sbb.ch/de/design-system/lyne/design-tokens/grid/): Design Token - [Layout](https://digital.sbb.ch/de/design-system/lyne/design-tokens/layout/): Design Token - [Shadow](https://digital.sbb.ch/de/design-system/lyne/design-tokens/shadow/): Design Token - [Size](https://digital.sbb.ch/de/design-system/lyne/design-tokens/size/): Design Token - [Spacing](https://digital.sbb.ch/de/design-system/lyne/design-tokens/spacing/): Design Token - [Typography](https://digital.sbb.ch/de/design-system/lyne/design-tokens/typography/): Design Token - [Accordion](https://digital.sbb.ch/de/design-system/lyne/components/accordion/): Container - [Action-Group](https://digital.sbb.ch/de/design-system/lyne/components/action-group/): Container - [Alert](https://digital.sbb.ch/de/design-system/lyne/components/alert/): Indicator - [Autocomplete](https://digital.sbb.ch/de/design-system/lyne/components/autocomplete/): Form - [Autocomplete-Grid](https://digital.sbb.ch/de/design-system/lyne/components/autocomplete-grid/): Form - [Breadcrumb](https://digital.sbb.ch/de/design-system/lyne/components/breadcrumb/): Navigation - [Button](https://digital.sbb.ch/de/design-system/lyne/components/button/): Action - [Calendar](https://digital.sbb.ch/de/design-system/lyne/components/calendar/): Form - [Mini-Calendar](https://digital.sbb.ch/de/design-system/lyne/components/mini-calendar/): Form - [Card](https://digital.sbb.ch/de/design-system/lyne/components/card/): Container - [Carousel](https://digital.sbb.ch/de/design-system/lyne/components/carousel/): Container - [Checkbox](https://digital.sbb.ch/de/design-system/lyne/components/checkbox/): Form - [Checkbox-Group](https://digital.sbb.ch/de/design-system/lyne/components/checkbox-group/): Form - [Checkbox-Panel](https://digital.sbb.ch/de/design-system/lyne/components/checkbox-panel/): Form - [Chip](https://digital.sbb.ch/de/design-system/lyne/components/chip/): Form - [Chip-Label](https://digital.sbb.ch/de/design-system/lyne/components/chip-label/): Indicator - [Clock](https://digital.sbb.ch/de/design-system/lyne/components/clock/): Indicator - [Container](https://digital.sbb.ch/de/design-system/lyne/components/container/): Container - [Datepicker](https://digital.sbb.ch/de/design-system/lyne/components/datepicker/): Form - [Dialog](https://digital.sbb.ch/de/design-system/lyne/components/dialog/): Container - [Divider](https://digital.sbb.ch/de/design-system/lyne/components/divider/): Display - [Expansion-Panel](https://digital.sbb.ch/de/design-system/lyne/components/expansion-panel/): Container - [File-Selector](https://digital.sbb.ch/de/design-system/lyne/components/file-selector/): Form - [Flip-Card](https://digital.sbb.ch/de/design-system/lyne/components/flip-card/): Container - [Footer](https://digital.sbb.ch/de/design-system/lyne/components/footer/): Navigation - [Form-Field](https://digital.sbb.ch/de/design-system/lyne/components/form-field/): Form - [Header](https://digital.sbb.ch/de/design-system/lyne/components/header/): Navigation - [Icon](https://digital.sbb.ch/de/design-system/lyne/components/icon/): Display - [Image](https://digital.sbb.ch/de/design-system/lyne/components/image/): Display - [Journey-Header](https://digital.sbb.ch/de/design-system/lyne/components/journey-header/): Display - [Link](https://digital.sbb.ch/de/design-system/lyne/components/link/): Action - [Link-List](https://digital.sbb.ch/de/design-system/lyne/components/link-list/): Action - [Link-List-Anchor](https://digital.sbb.ch/de/design-system/lyne/components/link-list-anchor/): Action - [Loading-Indicator](https://digital.sbb.ch/de/design-system/lyne/components/loading-indicator/): Indicator - [Loading-Indicator-Circle](https://digital.sbb.ch/de/design-system/lyne/components/loading-indicator-circle/): Indicator - [Logo](https://digital.sbb.ch/de/design-system/lyne/components/logo/): Display - [Map-Container](https://digital.sbb.ch/de/design-system/lyne/components/map-container/): Container - [Menu](https://digital.sbb.ch/de/design-system/lyne/components/menu/): Navigation - [Message](https://digital.sbb.ch/de/design-system/lyne/components/message/): Indicator - [Navigation](https://digital.sbb.ch/de/design-system/lyne/components/navigation/): Navigation - [Sidebar](https://digital.sbb.ch/de/design-system/lyne/components/sidebar/): Navigation - [Icon-Sidebar](https://digital.sbb.ch/de/design-system/lyne/components/icon-sidebar/): Navigation - [Notification](https://digital.sbb.ch/de/design-system/lyne/components/notification/): Indicator - [Option](https://digital.sbb.ch/de/design-system/lyne/components/option/): Form - [Overlay](https://digital.sbb.ch/de/design-system/lyne/components/overlay/): Container - [Paginator](https://digital.sbb.ch/de/design-system/lyne/components/paginator/): Indicator - [Popover](https://digital.sbb.ch/de/design-system/lyne/components/popover/): Container - [Tooltip](https://digital.sbb.ch/de/design-system/lyne/components/tooltip/): Container - [Radio-Button](https://digital.sbb.ch/de/design-system/lyne/components/radio-button/): Form - [Radio-Button-Group](https://digital.sbb.ch/de/design-system/lyne/components/radio-button-group/): Form - [Radio-Button-Panel](https://digital.sbb.ch/de/design-system/lyne/components/radio-button-panel/): Form - [Select](https://digital.sbb.ch/de/design-system/lyne/components/select/): Form - [Selection-Expansion-Panel](https://digital.sbb.ch/de/design-system/lyne/components/selection-expansion-panel/): Form - [Signet](https://digital.sbb.ch/de/design-system/lyne/components/signet/): Brand - [Skiplink-List](https://digital.sbb.ch/de/design-system/lyne/components/skiplink-list/): Action - [Slider](https://digital.sbb.ch/de/design-system/lyne/components/slider/): Form - [Status](https://digital.sbb.ch/de/design-system/lyne/components/status/): Indicator - [Stepper](https://digital.sbb.ch/de/design-system/lyne/components/stepper/): Indicator - [Sticky-Bar](https://digital.sbb.ch/de/design-system/lyne/components/sticky-bar/): Container - [Tab-Group](https://digital.sbb.ch/de/design-system/lyne/components/tab-group/): Navigation - [Table-Wrapper](https://digital.sbb.ch/de/design-system/lyne/components/table-wrapper/): Display - [Tag-Group](https://digital.sbb.ch/de/design-system/lyne/components/tag-group/): Container - [Teaser](https://digital.sbb.ch/de/design-system/lyne/components/teaser/): Action - [Teaser-Hero](https://digital.sbb.ch/de/design-system/lyne/components/teaser-hero/): Action - [Teaser-Product](https://digital.sbb.ch/de/design-system/lyne/components/teaser-product/): Action - [Time-Input](https://digital.sbb.ch/de/design-system/lyne/components/time-input/): Form - [Title](https://digital.sbb.ch/de/design-system/lyne/components/title/): Display - [Toast](https://digital.sbb.ch/de/design-system/lyne/components/toast/): Indicator - [Toggle](https://digital.sbb.ch/de/design-system/lyne/components/toggle/): Form - [Toggle-Check](https://digital.sbb.ch/de/design-system/lyne/components/toggle-check/): Form - [List-Table](https://digital.sbb.ch/de/design-system/lyne/templates/list-table/): Template - [List-Card](https://digital.sbb.ch/de/design-system/lyne/templates/list-card/): Template - [Dashboard](https://digital.sbb.ch/de/design-system/lyne/templates/dashboard/): Template ##### Es wurden keine Suchresultate gefunden. Probiere es mit anderen oder weniger Suchbegriffen. --- Source: https://digital.sbb.ch/de/design-system/lyne/overview/