SAP Fundamentals
v1.7.9-rc.17 GitHub Support
  • Submit an issue
  • Email Us
SAP Funadmentals is in maintanance mode and is deprecated. Please, consider migrating to fundamental-styles.
    • getting started

    • foundation
      • Colors
      • Grid
      • Spacing
      • Type

    • layouts
      • Application Shell
      • Page
      • Section
      • Panel
      • Columns

    • components
      • Action Bar
      • Alert
      • Asset Upload
      • Button
      • Breadcrumb
      • Calendar
      • Combobox Input
      • Contextual Menu
      • Date Picker
      • Dropdown
      • Forms
      • Identifier
      • Icon
      • Image
      • Input Group
      • Inline Help
      • List Group
      • Link
      • Loading Spinner
      • Localization Editor
      • Mega Menu
      • Menu
      • Modal
      • Multi Input
      • Pagination
      • Popover
      • Search Input
      • Shellbar
      • Side Navigation
      • Status Indicators
      • Table
      • Tabs
      • Tile
      • Tile Grid
      • Time
      • Time Picker
      • Token
      • Toggle / Switch
      • Tree

    • resources
      • How to use SCSS
      • Design System Utilities
      • UI Kit
      • Implementation Libraries

    Foundation

    SAP 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

    SAP 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

    SAP Fundamentals uses a set of sans-serif system fonts.

    Have a question? Email us. © Copyright SAP 2019