The brandLink target opens in a new window. SBB Brand portal Logo Digital clock Rights of useColors Base colors Additional colors Off brand colorsAssets Icons Timetable icons PictogramsLanguage About UX Writing Button and link texts Forms and inputs Notifications Progress indicators Digital word list
Introduction About accessibility About this 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 What is Lyne? Releases Presets & Themes Design Tokens Components TemplatesMaps Overview Base InformationsPatterns Overview
Regulations App IconsGuides Power-Apps Digital banner ads SAP Design Guidelines AI Design: Basics
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 SBB station clock is protected by trade mark and copyright law.
Use
It may only be used by all Swiss infrastructure managers (IMs) and licensed transport companies (LTCs). It must be used exactly as it is specified. 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.
Formats
The component has the following formats.
Clock on light background
Clock on dark background
Contact
Link target opens in a new window. marke@sbb.ch
Download
The digital clock specifications are available on GitHub.
Link target opens in a new window. Github repository