The latest edition of the SAP Fiori Design Guidelines is now available. This double-issue covers SAPUI5 versions 1.48 and 1.50, and comes with some exciting new content and numerous updates.

Alongside the most recent SAP Fiori patterns, floorplans, and UI elements, you’ll find the latest design stencils and SAP Fiori icon fonts. We’ve also listened to your feedback and streamlined parts of the content to make the guidelines easier to navigate.


Version 1.48 introduces the analytical list page floorplan, which incorporates the new visual filter bar.

Analytical list page floorplan

By using interactive visualizations, this floorplan makes the entire process of identifying and reacting to key business situations much more intuitive.

There’s also a new article on motion design in SAP Fiori, which outlines the principles and choreography for designing movement sequences.

In the UI elements section, we’ve added guidelines for the 3D viewport, PDF viewer, rich text editornetwork graph, dynamic date, status indicator, line chart, and line micro chart.

Displaying 3D objects using the 3D viewport

For an overview of all new and updated content, see the two articles What’s New in Guideline Version 1.48 and What’s New in Guideline Version 1.50.

Coming soon

Version 1.52 of the design guidelines is due to follow later this year, and will come with details about our digital assistant, SAP CoPilot, and much more.

In the meantime, if you’re interested in our latest design concepts, check out the new series on intelligent system design.

Here for the first time?

If you’re new to SAP Fiori or to the design guidelines, visit the Get Started page to get the big picture. Or listen to Jim’s podcast on making the most of the guidelines.

Not logged in