Fiori Fundamentals is an unified, flexible design system that solves complex problems in a meaningful way and creates simple intuitive experience.
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.
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 helps content to breathe as well as create hierarchy and depth.
Fiori Fundamentals uses a set of sans-serif system fonts.