An dieser Stelle erhältst du einen umfassenden Überblick über das BDS – BVG Design System, mit dem gestaltest du einfache, zugängliche und effiziente Produkte.
Aktiviere die Figma Libraries und die Video Tutorials.
Mit den React Components auf Storybook kannst du schnell und einfach digitale Produkte erstellen.
<aside> <img src="https://s3-us-west-2.amazonaws.com/secure.notion-static.com/ab07ffea-d152-475b-bda3-f9e391882c3f/icons-3.svg" alt="https://s3-us-west-2.amazonaws.com/secure.notion-static.com/ab07ffea-d152-475b-bda3-f9e391882c3f/icons-3.svg" width="40px" /> Documentation (Figma)
</aside>
<aside> <img src="https://s3-us-west-2.amazonaws.com/secure.notion-static.com/6134e2f6-ade5-433c-91fe-f0ee44d35d73/icons.svg" alt="https://s3-us-west-2.amazonaws.com/secure.notion-static.com/6134e2f6-ade5-433c-91fe-f0ee44d35d73/icons.svg" width="40px" /> Web Library (Figma)
</aside>
<aside> <img src="https://s3-us-west-2.amazonaws.com/secure.notion-static.com/7d4e8151-4c4b-4192-be78-6d06a2647889/icons.svg" alt="https://s3-us-west-2.amazonaws.com/secure.notion-static.com/7d4e8151-4c4b-4192-be78-6d06a2647889/icons.svg" width="40px" />
</aside>
<aside> <img src="https://s3-us-west-2.amazonaws.com/secure.notion-static.com/1a19e311-96ef-4103-b082-4ec3fe962952/icons-1.svg" alt="https://s3-us-west-2.amazonaws.com/secure.notion-static.com/1a19e311-96ef-4103-b082-4ec3fe962952/icons-1.svg" width="40px" /> Tutorials (Notion)
</aside>
<aside> <img src="https://s3-us-west-2.amazonaws.com/secure.notion-static.com/7d4e8151-4c4b-4192-be78-6d06a2647889/icons.svg" alt="https://s3-us-west-2.amazonaws.com/secure.notion-static.com/7d4e8151-4c4b-4192-be78-6d06a2647889/icons.svg" width="40px" />
</aside>
<aside> <img src="https://s3-us-west-2.amazonaws.com/secure.notion-static.com/aefcc18b-ca8c-4844-a5ca-014197bb90f6/icons-2.svg" alt="https://s3-us-west-2.amazonaws.com/secure.notion-static.com/aefcc18b-ca8c-4844-a5ca-014197bb90f6/icons-2.svg" width="40px" /> Storybook (nur über BVG-Netz)
</aside>
<aside> <img src="https://s3-us-west-2.amazonaws.com/secure.notion-static.com/ab07ffea-d152-475b-bda3-f9e391882c3f/icons-3.svg" alt="https://s3-us-west-2.amazonaws.com/secure.notion-static.com/ab07ffea-d152-475b-bda3-f9e391882c3f/icons-3.svg" width="40px" /> Documentation (Figma)
</aside>
<aside> <img src="https://s3-us-west-2.amazonaws.com/secure.notion-static.com/ab07ffea-d152-475b-bda3-f9e391882c3f/icons-3.svg" alt="https://s3-us-west-2.amazonaws.com/secure.notion-static.com/ab07ffea-d152-475b-bda3-f9e391882c3f/icons-3.svg" width="40px" /> GitLab (nur über BVG-Netz)
</aside>
Damit unser Design genauso flüssig läuft wie der Zugbetrieb findest du hier alles was du dazu brauchst an einem Ort.
📐 Design
Unsere Prinzipien, Werte und wie wir digitale Produkte konzipieren und gestalten.
Unsere Design Basics wie Schrift, Farbe, Abstände, Icons und mehr.
Wiederverwendbare Komponenten wie Buttons und Tags, als Design und Code.
Bleibe mit unseren Release Notes auf dem neuesten Stand.
