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.
-
Animation Animation Design Token -
Border Border Design Token -
Color Color Design Token -
Grid Grid Design Token -
Layout Layout Design Token -
Shadow Shadow Design Token -
Size Size Design Token -
Spacing Spacing Design Token -
Typography Typography Design Token -
Accordion Accordion Container -
Action-Group Action-Group Container -
Alert Alert Indicator -
Autocomplete Autocomplete Form -
Badge Badge Indicator -
Breadcrumb Breadcrumb Navigation -
Button Button Action -
Calendar Calendar Form -
Card Card Container -
Carousel Carousel Container -
Checkbox Checkbox Form -
Checkbox-Group Checkbox-Group Form -
Checkbox-Panel Checkbox-Panel Form -
Chip Chip Form -
Chip-Label Chip-Label Indicator -
Clock Clock Indicator -
Container Container Container -
Date-Input Date-Input Form -
Datepicker Datepicker Form -
Dialog Dialog Container -
Divider Divider Display -
Download Download Action -
Expansion-Panel Expansion-Panel Container -
File-Selector File-Selector Form -
Flip-Card Flip-Card Container -
Footer Footer Navigation -
Form-Field Form-Field Form -
Header Header Navigation -
Icon Icon Display -
Icon-Sidebar Icon-Sidebar Navigation -
Image Image Display -
Journey-Header Journey-Header Display -
Lead-Container Lead-Container Container -
Link Link Action -
Link-List Link-List Action -
Link-List-Anchor Link-List-Anchor Action -
Loading-Indicator Loading-Indicator Indicator -
Loading-Indicator-Circle Loading-Indicator-Circle Indicator -
Logo Logo Display -
Map-Container Map-Container Container -
Menu Menu Navigation -
Message Message Indicator -
Mini-Calendar Mini-Calendar Form -
Navigation Navigation Navigation -
Notification Notification Indicator -
Option Option Form -
Overlay Overlay Container -
Paginator Paginator Indicator -
Pearl-Chain Pearl-Chain Display -
Popover Popover Container -
Radio-Button Radio-Button Form -
Radio-Button-Group Radio-Button-Group Form -
Radio-Button-Panel Radio-Button-Panel Form -
Select Select Form -
Selection-Action-Panel Selection-Action-Panel Form -
Selection-Expansion-Panel Selection-Expansion-Panel Form -
Sidebar Sidebar Navigation -
Signet Signet Brand -
Skiplink-List Skiplink-List Action -
Slider Slider Form -
Status Status Indicator -
Stepper Stepper Indicator -
Table Table Display -
Tabs Tabs Navigation -
Tag Tag Container -
Teaser Teaser Action -
Teaser-Hero Teaser-Hero Action -
Teaser-Panel Teaser-Panel Display -
Teaser-Product Teaser-Product Action -
Time-Input Time-Input Form -
Title Title Display -
Toast Toast Indicator -
Toggle Toggle Form -
Toggle-Check Toggle-Check Form -
Tooltip Tooltip Container -
Train Train Display -
List-Table List-Table Template -
List-Card List-Card Template -
Dashboard Dashboard Template
Essaie d'utiliser des termes de recherche différents ou moins nombreux.