Get Started

Learn how to create simple and delightful SAP Fiori apps

The design principles are the heart of SAP Fiori. Learn how to apply them to your SAP Fiori apps.

SAP Fiori apps work on a multitude of devices. Check out SAP Fiori's focus on responsive and adaptive design.

The SAP Fiori launchpad is the main entry point to SAP Fiori apps on mobile and desktop devices.

Find out about the grid layout that underlies every SAP Fiori app.

Discover the two form factors: cozy and compact.

Navigation in SAP Fiori follows standard navigation paradigms of various web applications.

Take a look at the 'full screen' and 'split screen' page layouts.

Familiarize yourself with the floorplans for SAP Fiori apps.

SAP Fiori supports a variety of app types. Take a look at some of the basic patterns.

Get an overview of all the UI elements, floorplans, and app types available for SAP Fiori.

The toolbar enables users to change the UI or trigger an action. It is one of the most important elements in SAP Fiori.

Charts are used to display quantitative information. They give the user access to key information contained in structured data records.

Download the design stencils and start designing your own SAP Fiori app.

Download and install the SAP icon font to create true-to-life mockups.

Ask design-related questions and post your design ideas in our discussion forum.