Lyne ist für Kunden- und Mitarbeitendenanwendungen gleichermassen optimiert. Die meisten Komponenten sind in mehreren Grössen verfügbar und lassen sich flexibel in unterschiedlichen Nutzungsszenarien einsetzen. Um eine gute Developer Experience zu gewährleisten, stehen zwei Presets (Voreinstellungen) zur Verfügung: Default und Lean. Diese definieren die Standardgrössen der Komponenten, sofern keine explizite Grösse gesetzt wird. Das Preset «Lean» ermöglicht ein besonders kompaktes User Interface. Mit diesem Ansatz lösen wir uns von der bisherigen SBB-Angular-Logik, bei der Kunden- und Mitarbeitendenanwendungen strikt über CSS getrennt wurden. Erfahre mehr im Lyne-Storybook.

Es stehen drei Themes zur Verfügung, die jeweils für unterschiedliche Anwendungszwecke vorgesehen sind:

Das Standard-Theme wird für Kunden- und Mitarbeitendenanwendungen eingesetzt.

Das Off-Brand-Theme wird für Anwendungen verwendet, die im Auftrag der Branche entwickelt werden. SBB-Anwendungen, die ebenfalls von der Branche genutzt, jedoch durch die SBB finanziert werden, verwenden weiterhin das Standard-Theme.

In sicherheitsrelevanten Arbeitskontexten darf die Farbe Rot ausschliesslich für Fehlermeldungen verwendet werden. Das Safety-Theme basiert auf dem Off-Brand-Theme und erlaubt den Einsatz von Rot nur in Error-Fällen.

Die Themes können im Variable-Mode entweder auf Page-, Frame- oder Component-Ebene unter «Theme» ausgewählt werden.