Updated: November 28, 2023

Get Started

Intro

SAP Fiori for Apple OS is an SAP design language adapted specifically for iOS and iPadOS devices. Learn more about the design foundations to understand how you can use it for your own application.

 

Foundation of SAP Fiori for Apple OS

SAP Fiori Design Principles

Learn more about the heart of SAP Fiori Design Language and find out how these design principles can help you create impactful enterprise 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.

 

Page Types and Patterns

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.

 

UI Components

UI components are building blocks for SAP Fiori for Apple OS applications. Each component serves a unique functional purpose to meet the application requirements.

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.

Attachment
Button
Filter Feedback
Filter Form Cell
List Picker
Picker
Order Picker
Rating
Search Bar
Segmented Control
Slider
Switch
Text Input

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.

Banner
Calendar
Chart
Collection View
Data Table
Headers: KPI Header, Object Header, Profile Header
Hierarchy View
Image Placeholder
KPI
Map View
Cards
Scanner
Segmented Control View
Signature Capture
Table View
Table View Cells: Contact Cell, Object Cell
Timeline View
Timeline Preview

What’s New

 

Resources

SAP Fiori for iOS UI Kit

Download the Figma UI Design Kit and start designing your own SAP Fiori for iOS applications. Go to Resource