Navigieren auf digital.sbb.ch

Beta

Design System Business Applikationen

Cette page n'est pas disponible dans la langue souhaitée. Langues disponibles: Deutsch English

Das Design System Business Applikationen (DSBA) ist noch im Aufbau. Derzeit besteht es aus der UX-Dokumentation (Styleguide / Patternbeschriebe) und der Angular Komponenten Library.

Sofern Sie Sketch nicht verwenden können oder wollen, können Sie die Design-Spezifikationen auch auf inVision einsehen.

Login auf sbb.invisionapp.com
User: designsysteme@sbb.ch
Pw: ux4ever

Die einzelnen Komponenten und Module enthalten jeweils Direkt-Links auf die entsprechenden Inhalte auf inVision.

Hilf uns, das Design System Mobile weiter zu entwickeln und zu verbessern.

Da wir noch im Aufbau des Design Sytems sind, brauchen wir euch mit euren Fragestellungen aus den Projekten. Wir sind für jedes Feedback sehr dankbar.
Schreib einfach ein Mail an: designsysteme@sbb.ch

Changelog

All notable changes to this project will be documented in this file. See standard-version for commit guidelines.

1.1.0 (2020-05-20)

Features

  • add specification for sidebar and menu item (54f077e)

1.0.0 (2020-05-19)

Inital release.

Latest updates:

Features

Bug Fixes

  • adapt typography for usage in responsive setups (9094a7b), closes #11
  • correct / adapt styling for several components (561d4ee), closes #9
  • correct behaviour description and style definition for chip component (e6844fa), closes #13
  • correct image link (610b0f2)
  • correct links to brand elements (5b91c34)

Previous updates:

16.04.2020
Various additions and adjustments to existing patterns.

Patterns

  • Typography: Adjustments for different screen sizes ( Github Issue
  • Chip: Backspace behaviour (Github Issue)
  • Datepicker: Rules for automatic formatting extended (Github Issue)
  • Various: Active status adjusted (black) so that it is distinguishable from the hover status (Github Issue)
  • Various: Styling of various patterns adapted, e.g. to make values more easily distinguishable from placeholders
  • Toggle: Pattern initially introduced (Github Issue)
  • Filter: Pattern initially introduced (Github Issue)

2019-11-29
Re-styling of the tab component. (DF)


2019-11-22
Major revision with adaptations of existing patterns and addition of further patterns. (FE)

Administrative

  • English translation of the patterns
  • SBB Angular Components Library linked, reference to use of PrimeNg removed

Patterns

  • Header revised: App-Chooser Design and Responsive Behavior added
  • Select (drop-down): Multiple selection with Autocomplete added, Grouped multiple selection with Tree added
  • Badge: Completed
  • Tooltip: Rules adapted
  • Context menu: Sorting icon replaced
  • Table: Sorting icon replaced

2019-03-31
Initial upload of the documentation. (FE)