getting started
foundation
- Spacing
- Type
layouts
- Application Shell
- Layout Grid
- Page
- Section
- Panel
- Columns
patterns
components
- Action Bar
- Alert
- Asset Upload
- Button
- Breadcrumb
- Calendar
- Dropdown
- Forms
- Identifier
- Icon
- Image
- Input Group
- Inline Help
- List Group
- Link
- Loading Spinner
- Localization Editor
- Menu
- Modal
- Multi Input
- Pagination
- Popover
- Shellbar
- Side Navigation
- Status Indicators
- Table
- Tabs
- Tile
- Time
- Token
- Toggle / Switch
- Tree
resources
- Design System Utilities
- SAP Fundamental Styles Implementation Libraries

Foundation

Fiori Fundamentals is a unified, flexible design system that solves complex problems in a meaningful way and creates simple intuitive experience.

Fundamental Styles is a unified, flexible design system that solves complex problems in a meaningful way and creates simple intuitive experience.

Spacing helps content to breathe as well as create hierarchy and depth.

Fundamental Styles uses a set of sans-serif system fonts.