The latest edition of the SAP Fiori Design Guidelines for web applications is now available, with new content based on SAPUI5 releases 1.52 and 1.54.

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

Highlights of this edition

  • Font “72”
    The latest SAP Fiori Design Stencils include SAP’s proprietary font, 72. You can also read more about the font design in the updated Typography article.
    SAP’s proprietary font, 72
  • SAP CoPilot
    The new SAP CoPilot article walks you through the design of SAP’s digital assistant, which doubles up as both a smart assistant and an integrated chat tool. Find out how the different components work together.
    SAP CoPilot: Digital assistant (left) and chat (right)
  • New UI elements
    In the UI elements section, we’ve also added guidelines for the range selector, micro process flow, treemap charts, and info label.
    New treemap chart type

Coming soon

Version 1.56 of the design guidelines is due to follow later this year. In the meantime, why not check out our latest articles 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 for the big picture. Or listen to Jim’s podcast on making the most of the guidelines.

Not logged in