Foundation
Fiori Fundamentals is a unified, flexible design system that solves complex problems in a meaningful way and creates simple intuitive experience.
Colors
Colors bring designs to life. It is used in a meaningful way to express emotions and tone, and promotes a distinct and consistent look and feel throughout all application.
Grid
Fiori Fundamentals uses responsive grid system that achieves flexible 12-column flow layout. It is used to create flexible layouts for various screen sizes and device types.
Spacing
Spacing helps content to breathe as well as create hierarchy and depth.
Type
Fiori Fundamentals uses a set of sans-serif system fonts.