Home

SAP Fiori Fundamentals

The entire SAP design community is involved in defining and refining the new Fiori 3.0 design system with an amazing level of cooperation.

We are committed to following fast so our release plans are constantly being re-prioritized based on the latest design decisions. We appreciate all input and feedback as we strive to continually improve and enhance the library to meet the needs of our SAP, partner and customer dev teams.

Release 1.3.0

2018 Q4 THEME: Fiori 3.0 MVS includes look and shell, some controls.

Update foundation to reflect consistent Fiori 3.0 design direction

• Colors grouping and naming
• Type, sizes, weights
• Buttons, rename and add new colors, cut down the sizes to two, no icon+text
• Metrics, default and compact
• Layout, breakpoints, grid, letterbox

Look

• Type sizes
• Core colors
• State colors
• Accent colors
• Default theme
• Dark theme and distribution
• Text types
• Font weight
• Breakpoints
• Spacing
• Metrics

Update application shell to reflect Fiori 3.0 design direction

• Shell adjustments
• Shellbar
• Navigation
• Viewports
• App navigation, horizontal, vertical
• Footer
• Layers

Shell

• Layout structure
• Header
• Branding
• Product nav
• Search
• Notifications
• User menu
• Product switcher
• Application navigation

Adjust components to reflect consistent UX agreements of the controls workstream

• Icons, buttons
• UI text

Controls

• Buttons
• Split button

Release 1.3.1

2018 Q4 THEME: MVS enhancements, fixes, improvements

Release 1.4.0

2019 Q1 THEME:

Release 1.5.0

2019 Q2 THEME:

Release 1.6.0

2019 Q3 THEME:

Release 1.7.0

2019 Q4 THEME: