Content Density in Fundamental Styles

SAP Fiori provides content density modes that allow you to render components at different sizes to optimize for different devices and use cases.

When to Use This Skill

Use this skill when you need to:

• Choose between cozy, compact, or condensed modes
• Apply content density to your application or specific sections
• Understand when to use touch-friendly vs information-dense layouts
• Optimize UI for different device types (touch vs mouse/keyboard)

Content Density Modes

Cozy Mode (Default)

Description: Cozy mode displays components with dimensions large enough for fingertip interaction. The default touch area is 2.75 rem (44 px).