Foundation Get Started Updated: November 11, 2016 Latest SAPUI5 Version 1.44 SAPUI5 Version 1.42 SAPUI5 Version 1.40 SAPUI5 Version 1.38 SAPUI5 Version 1.36 SAPUI5 Version 1.34 SAPUI5 Version 1.32 SAPUI5 Version 1.30 Latest SAPUI5 Version 1.44 SAPUI5 Version 1.42 SAPUI5 Version 1.40 SAPUI5 Version 1.38 SAPUI5 Version 1.36 SAPUI5 Version 1.34 SAPUI5 Version 1.32 SAPUI5 Version 1.30 Get Started LearnExplore Discover Get to know SAP Fiori UI elementsDesign Learn how to create simple and delightful SAP Fiori apps Explore the basics of SAP Fiori Design PrinciplesThe design principles are the heart of SAP Fiori. Learn how to apply them to your SAP Fiori apps.Responsiveness and AdaptivenessSAP Fiori apps work on a multitude of devices. Check out SAP Fiori's focus on responsive and adaptive design.SAP Fiori Launchpad Home PageThe SAP Fiori launchpad is the main entry point to SAP Fiori apps on mobile and desktop devices.Grid LayoutFind out about the grid layout that underlies every SAP Fiori app.Form FactorsDiscover the two form factors: cozy and compact. NavigationNavigation in SAP Fiori follows standard navigation paradigms of various web applications. Discover the app content model Page Layouts (Floorplans)Take a look at the 'full screen' and 'split screen' page layouts. Full screen layout Split-screen layout FloorplansFamiliarize yourself with the floorplans for SAP Fiori apps. Create page Dynamic side content Initial page List report Object view Wizard Get to know SAP Fiori UI elements 'Explore' PageGet an overview of all the UI elements, floorplans, and app types available for SAP Fiori.UI Element: ToolbarThe toolbar enables users to change the UI or trigger an action. It is one of the most important elements in SAP Fiori.UI Element: ChartCharts are used to display quantitative information. They give the user access to key information contained in structured data records. Design your SAP Fiori app Design StencilsDownload the design stencils and start designing your own SAP Fiori app.SAP Icon FontDownload and install the SAP icon font to create true-to-life mockups.SAP User Experience CommunityAsk design-related questions and post your design ideas in our discussion forum.