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
Notifications.
Notifications include short hints and feedback messages. They inform about states, successes, errors or warnings, for example in the form of notification banners or dialogs.
The goal is to create clarity, remove uncertainty for users and show them what has happened and what to do next.
Recommendations:
Draw attention to critical actions. For serious or irreversible actions, use confirmation dialogs (Are you sure you want to delete this?).
Explain what happens next. After actions such as submitting a form, make it clear when and through which channel a response will be provided.
Make errors fixable. Error messages should show how the problem can be resolved.
Use punctuation deliberately. For error messages on input fields, do not use a full stop unless it is a complete sentence.
Allow actions to be undone. Offer the option to undo critical changes or deleted content, for example via an “Undo” option in toasts.
Notification.
You do not have permission to perform this action.
Thank you for your request. We have received your message and will get back to you within 3 business days. You will receive the reply by email.
Your changes could not be saved. Please try again.
Caution!!!
Saved successfully. You can now continue.
Go to component
Toast.
Password changed
List deleted. Undo
Password change confirmation
Username successfully updated.
Go to component
Dialog.
Delete entry? Do you want to permanently delete this entry? This action cannot be undone.
Are you sure you want to do this? OK and Cancel (as actions)
Go to component
Error (Form-Field).
Enter a valid time (HH:MM)
Enter a valid format
Invalid value
Go to component
Message.
The page you are looking for no longer exists or has been moved.
Access denied. You do not have permission to view this page. Contact example@sbb.ch