Design system overview
SBB (Swiss Federal Railways) — Swiss Federal Railways' MIT-licensed design system, shipping Lit-based web components with React wrappers for the SBB digital estate.
Fit guidance has no recorded field-level check date. No readiness audit recorded.
Exactly what ships in sbb-lyne-design.md. This entry doesn’t have a full editorial breakdown yet, so the spec covers the verified facts — profile, official source, and an AI-ready prompt.
Restated from digital.sbb.ch and sbb-design-systems/lyne-components, links last checked 2026-09-03. The file lists its sources and method in a provenance block at the top.
# Lyne — Design Style Reference ```yaml # How this file was made. Sources are first-party; nothing here is # read from a rendered page. Full breakdown at source_page below. method: partial confidence: low verified_at: 2026-09-03 source_page: https://www.designsystems.one/design-systems/sbb-lyne sources: - https://digital.sbb.ch/ - https://github.com/sbb-design-systems/lyne-components ``` > **Unofficial, community-authored reference.** Compiled by [designsystems.one](https://www.designsystems.one). Not affiliated with, endorsed by, or sponsored by SBB (Swiss Federal Railways). "Lyne" and related marks belong to their respective owners. This document describes publicly observable style attributes in original words — it contains no copied documentation, logos, icon artwork, or original token files. Always defer to the official source for canonical, current values. **System:** Lyne **Owner:** SBB (Swiss Federal Railways) **Official documentation:** https://digital.sbb.ch/ --- ## Summary Swiss Federal Railways' MIT-licensed design system, shipping Lit-based web components with React wrappers for the SBB digital estate. ## Engineering profile - **Ships for:** Web Components, React - **Token pipeline:** Custom - **Source model:** Open source ## Apply this style with an AI tool Paste this into your AI coding assistant as a direction, then iterate: > Design in the spirit of Lyne by SBB (Swiss Federal Railways) — Swiss Federal Railways' MIT-licensed design system, shipping Lit-based web components with React wrappers for the SBB digital estate. Match the intent, not the pixels; adapt it to my product rather than cloning it. ## Official reference - [Lyne documentation](https://digital.sbb.ch/) --- _Generated by [designsystems.one](https://www.designsystems.one/design-systems/sbb-lyne) — a catalogue of public design systems. Style facts are reported for reference and education; adapt them to your own product. Report issues or takedown requests via the site._
Lyne doesn’t have a full editorial breakdown yet — those cover origin, governance, token decisions, and the components worth studying. 49 anchor systems do.
