Get Started
The SAP Digital Design System streamlines consistency, accelerates development, and ensures a cohesive user experience for all public-facing SAP web sites and digital experiences. Here you'll find guidelines, specifications, downloads, and starter kits to help designers, developers, and content authors create and adhere to SAP's brand and web standards.
Foundations
These are the fundamental styles and definitions covering Color, Type, Breakpoints, and Web Standards.
Components
These are the reusable building blocks, also known as a UI elements, for creating the user interface.
Patterns
The pattern is a composition of components with interactions to cover smaller use cases.
WHAT’S NEW
Email Design Extension
The SAP Email Design Extension will ensure consistent, high-quality experiences across all SAP external email communications. It offers clear guidelines for ensuring emails are visually appealing, accessible, and functional across devices and email clients.
Resources
Figma UI Kit v2.2.15
Rapidly build beautiful and accessible experiences. The UI Kit contains all the resources you need to get started.
Design Examples
See how the design system can be used with our illustrative design examples for sap.com.
Image Templates
Templates intended to jump start the image creation for sites that use the design system.
Stay Connected
Looking for updates or need help? Join our Microsoft Teams channel to stay connected and get answers.
Change Log
This list contains the latest fixes/updates for the guidelines, along with links to the development tickets.
Backlog Planning
Looking for the list of enhancements and new features we plan to add to the design system?