The brand
SBB Brand portal
Logo
Digital clock
Rights of useColors
Base colors
Functional colors
Off brand colorsAssets
Icons
Timetable icons
Pictograms
Introduction
About accessibility
Über diesen Guide
Contact
Further informationAccessibility by roles
Product Owner
User Research
Interaction Design
Visual Design
Development
Content Design
Testing
First steps
What is a design system?
Designing
Coding
FAQ
HelpOrganisation
Process
Contribution
ContactMobile
Overview
Base
ComponentsLyne
Overview
Releases
Design Tokens
KomponentenMaps
Overview
Base
InformationenLean (Legacy)
Overview
Base
ComponentsCommunity Assets
Sense & Purpose
Community Assets
Instructions
Guides
Power-Apps
Digital banner ads
SAP Design GuidelinesRegulations
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.
Use
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 is used wherever the exact time needs to be communicated. In most cases, this relates to display units with real-time information on public transport.
The clock can also be used as a stylistic element, but the customer benefit must be guaranteed in all cases.
Rules
The minimum size of the clock must not be less than 75px x 75px.
Depending on the location it is used in, the minimum size must be adjusted to the viewing distance. As a rule of thumb, viewing distance / 60 = clock size (e.g. 3000mm / 60 = 50mm clock size).
Only one clock should be used per page / view.
The distance between the clock and the nearest elements (margin) must be at least 20% of the clock’s diameter on each side.