Skip to Content
Product Information

Out Now – SAP Fiori Design Guidelines, Version 1.84

The SAP Fiori design guidelines for web applications have been updated to version 1.84. Here’s a selection of the topics we’ve updated with this edition.

Visual design

Check out the updated resource links for icons and the new semantic color for information text in the Quartz Light and Quartz Dark themes.

UI patterns

In the first of a series of updates, we’ve simplified the overview topic on creating, editing, and deleting objects. Learn about the difference between simple and complex objects, and which interaction flows to use for each.

The topic on formatting numbers has also been reworked and now includes more examples.

SAP Fiori floorplans

See where to set the initial focus for key floorplans (analytical list pagelist reportoverview pagewizardworklist).

UI elements

As we continue to enhance the guidelines for smart controls, we’ve fully revised the smart link topic.

Smart link popover

SAP Fiori design stencils

Guideline version 1.84 contains new stencils for the message page, tiles, calculation builder, and upload controls, along with numerous updates. You can see what’s been added and changed below:

We’re constantly expanding our stencil library, so be sure to check for the latest download before you start working on a new app design.

Other updates

For a complete overview of all changes, see the What’s New page for version 1.84.

Looking ahead to 2021

The next update to SAP Fiori design guidelines is planned for the beginning of March 2021.

From next year, SAP Community will be our primary channel for communicating updates to the design guidelines. Just follow the SAP Fiori blog posts to stay up-to-date.

The guidelines themselves will stay at



This post originally appeared on SAP User Experience Community.

You must be Logged on to comment or reply to a post.