Get Started

SAP Design System

Learn about the design principles that make up the SAP Design System and how it is essential for creating effective and engaging apps.

Typography

By using native fonts for Apple platforms, our design language connects with native iOS and iPadOS user experience seamlessly.

Colors

Color is an essential element that brings the SAP Fiori brand and delightful user experience together. Colors can guide users through application functionality with consistent use of colors and color semantics. Find out more about SAP Fiori for Apple OS color palette and understand how to use it effectively.

Iconography

The icons from SF symbols give our applications the native experience of the Apple platforms. Consistency in pairings of icons and actions enables an effortless understanding of application functionality. Check out our icon guide.

Navigation

A proper navigation style offers a fast and clear path for users to finish their tasks. Learn more about how to apply a consistent dynamic navigation paradigm to SAP Fiori for Apple OS apps.

Adaptive Design

SAP Fiori for Apple OS apps work on any iOS and iPadOS devices. Learn more about our approach to adaptive design.

Accessibility

SAP Fiori for Apple OS aims to help you create applications that can be used by a wide range of people and to provide an optimal and pleasant experience for every user. Discover how we can make our apps more accessible.

iOS Human Interface

SAP Fiori for Apple OS applies the fundamental design elements from Apple’s iOS Human Interface and brings the simple, beautiful, and fresh UI and UX principles to your SAP Fiori for Apple OS applications. Discover the latest Human Interface guidelines.

Controls

Controls are components that the user can interact with for making decisions or providing information. There are several types of different inputs, depending on what the user needs to provide.

Views

Views are presentations of content. Each view serves a different purpose and offers a unique model to display information. Views can contain different types of content and controls, such as texts, images, charts, buttons, and so on.

Page Types

Page types define how views and UI components are connected together into pages. Each page type is a template designed for representing different hierarchy of information and data structure.

Patterns

Patterns are common user flows which are fundamental to almost every application. Users require less effort to learn how to operate new applications when they use similar patterns for common tasks.