Purpose

The guiding principles of this document is to define the SAP UI branding standards based on the Syensqo Branding guidelines in order to ensure consistency in the visual identity of Syensqo.

Assumptions

The Syensqo Branding has been understood.

The technical limitations to customize SAP user interface layouts has been understood.

Related Documents

SAP Development Approach

SAP Analytics and Reporting Approach

SAP Development Standards

SAP Analytics and Reporting Development Standards

Introduction

Syensqo's branding is well defined and offers not just the logo but also a detailed color scheme, style and font. The branding will be incorporated into the visual elements of SAP's modern UIs.

Visual elements comprise the following:

• Typography: Specifies fonts, sizes, and hierarchy. 
• Color Palette: Defines primary, secondary, and accent colors. 
• Iconography: Outlines the style and usage of icons. 
• Layout and Grids: Details the structural grid system for consistency. 
• Accessibility: Details requirements to ensure the product is usable by people with disabilities, such as color contrast.

For Syensqo, the below high level rules are:

• Typography: Syensqo's branding utilizes the font Poppins. SAP uses its own font 72 which will be used and not changed to Poppins to keep alignment with SAP's UX design.
• Color Palette: Syensqo's branding defines a set of primary and secondary colors. The primary colors will drive the branding of the visual elements in SAP's UI. The secondary colors can be used in UI elements like graphs.
• Iconography: Syensqo's branding does not define any iconography and the standard SAP UI elements will be used.
• Layout and Grids: SAP's UI is baed on UI5 and the layout is defined and must be used to align with SAP's UX design.

Syensqo defines three primary colors. Details can be found in the official color palette document. The colors are Innovative Orange, Contrast Silver and Technical Silver. 

Syensqo's logo will need to be used in launchpad headers to complete the branding. The official logo documentation defines 3 main types: horizontal, vertical and horizontal with tagline. The horizontal without the tagline is considered the main logo and will be used in our branding. It is available in innovative orange or white.

or

SAP Work Zone Branding Standard

SAP Fiori UI Branding Standard

SAP SAC Branding Standard

SAC allows limited branding options:

1) The SAP logo will be replaced with the Syensqo logo wherever possible. E.g. in the banner.

2) A colour palette will be created using the Syensqo primary and secondary palettes. (A story palette accommodates 9 colours).

3) A template story will be created which uses this palette and with the font 72 to maintain a consistent look and feel with SyWay Fiori apps.  This story will be the basis for all other stories.