Visual Design Foundations

Colors

Explore the role of color in SAP Fiori.

Iconography

Learn about the design language for icons.

Typography

Understand the typographic system used in SAP Fiori.

Content Density

Check out the "cozy" and "compact" component sizing for touch and mouse interaction.

Animation

Learn about the use of animated visual elements to support interactions.