Zur Navigation Zum Inhalt Kontakt Menu Principles Foundation Accessibility Design System Guidelines Deutsch Français Italiano English Our design principles User-centred Recognisable Inclusive Reduced Holistic Self-explanatory Task-oriented Appropriate SBB Brand portal Logo Digital clock Rights of use Base colors Functional colors Off brand colors Icons Timetable icons Pictograms About accessibility Über diesen Guide Contact Further information Product Owner User Research Interaction Design Visual Design Development Content Design Testing What is a design system? Designing Coding FAQ Help Process Contribution Contact Overview Base Components Overview Base Components Overview Base Components Overview Releases Design Tokens Komponenten Overview Base Informationen Sense & Purpose Community Assets Instructions Power-Apps Digital banner ads SAP Design Guidelines App Icons Digital clock

The digital SBB clock is used in web applications or on dynamic customer information channels on the train or at the station. It imitates the motion of the physical SBB clock and adapts its design.


The digital SBB clock must be used exactly as specified. Neither the design nor the motion patterns of the hands may be altered.
The clock should be placed on a solid-colour background; it should not be placed on pictures or graphics. On light backgrounds, the clock face is visually separated from the background using a grey frame; the version without the frame should be used on dark backgrounds.

What does the component do?

The SBB clock gives the system time of the display unit in analogue form. The system time should be taken from a reliable time server, if this can be influenced.

When should the component be used?



The component has the following formats.





The digital clock specifications are available on GitHub.

Github repository
Imprint Contact Cookie settings