Overview

The BTP Experience Toolkit is a collection of rules and principles to guide product designers when creating SAP BTP tools. The information in the toolkit is specific to BTP and is an extension of the SAP Design System. These guidelines cover UI design foundations, components, patterns, floorplans, and text writing.

BTP Experience Toolkit Overview

Legacy Guidelines

The BTP Experience Toolkit aims to provide design guidelines harmonized with the latest version of the SAP Design System. This harmonization is a process, and older guidelines (marked with Pre-Horizon) will coexist with the already updated ones. Additionally, the previous version of the guidelines remains valid for products not adopting the latest version of the SAP Design System.

AppDev and Integration Design Guidelines

Data and Analytics Design Guidelines

When to Use

The BTP Experience Toolkit extends and compliments the SAP Design System. It exists to enhance, enrich and adapt the ruleset of the core set of components to bring it to the products of BTP.

false

Recommended

Use the toolkit to design a product or service in the BTP product area.
Use the toolkit to create an SAP technology-centric product.
Use the toolkit together with the SAP Fiori Design Guidelines.

Principles

The designs in the BTP Experience Toolkit aim to increase UX quality and consistency across our product lines. The guidelines published here provide recommendations for a holistic user experience by promoting product standards and offering extensions custom-tailored to BTP needs. To achieve that, the system design follows four principles: Standard, Organized, Repeatable, and Reusable.

System Design Principles

Standard

All components, patterns, and floorplans in these guidelines, whether extensions or new, adhere to SAP product standards for consistency and accessibility.

Organized

The guidelines take full advantage of having an extensive set of core components and extensions. The patterns, layouts, and floorplans leverage all available elements and combine them in new ways to meet BTP needs.

Repeatable

All UI elements in the toolkit are generic; designers can repeat them in multiple parts of their tools. Usage guidelines provide usage recommendations and define interactive behavior.

Reusable

Using the components, patterns, layouts, and floorplans in multiple products in various use cases is of utmost priority. All documented UI elements are reusable across screens and products.