Get Started
Discover / Get Started / Get Started
Intro
Foundation of SAP Fiori for Apple OS
Learn more about the heart of SAP Fiori Design Language and find out how these design principles can help you create impactful enterprise apps.
By using native fonts for Apple platforms, our design language connects with native iOS and iPadOS user experience seamlessly.
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.
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.
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.
SAP Fiori for Apple OS apps work on any iOS and iPadOS devices. Learn more about our approach to adaptive design.
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.
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.
Augmented Reality: AR Annotations, AR Scanner
Authentication
Consent Forms
Create & Edit
Feedback: Empty State View, Error Handling, Feedback, Offline
Hierarchy
Onboarding: Single-user, Multi-user
Scan: Barcode, OCR, QR
Search
Sort & Filter
Widgets
UI Components
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 Design Kit
Download the Design Kit and start designing your own SAP Fiori for iOS applications. Go to Resources