SAP Design

Fiori Horizon Web UI Kit

Use for:

• Components

• Icons – make sure to use the icon component from the kit instead of directly grabbing an icon by itself (and install the SAP-icon font)

Fiori Morning Horizon MASTER - web color & shadow style library

Use for:

• Color styles

• Font styles

• Shadow styles

Fiori Screen Collection – Example Layouts

Use for:

• Page layouts not included in Morning Horizon Web UI Kit

Parameters behind the values such as @sapElement_BorderCornerRadius can be found here (Visual Core) – VPN-free:

SAP Design Visual Core

Fiori Moment Illustrations

Directly use Illustrated Message from Morning Horizon Web UI Kit.

Documentation

• Wiki
• Github
• Figma file for latest updates and progress

SuccessFactors Assets

Our custom controls at SuccessFactors can be found in the library SF Web Stencils – Horizon