Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Cleanshelf
SaaS ManagementSAP LeanIX embodies enterprise authority through its commanding blue gradient that dominates the viewport, paired with the refined '72Brand' typography that signals SAP's design sophistication. The interface balances corporate gravitas with approachable usability, creating trust through visual stability rather than flashy innovation.
Design Identity
Signature Color
SAP Enterprise Blue
#1E7FFF
Corporate reliability and enterprise-grade trustworthiness
Visual Identity
The expansive blue gradient hero section that fills most of the viewport, creating an immersive enterprise software experience that's immediately recognizable as SAP family branding.
Component Style
Rounded buttons with moderate 6px corner radius, clean sans-serif typography, and subtle depth through gradients rather than shadows. Components feel substantial but not heavy, with medium font weights (400-500) that project confidence without aggression.
Spacing Philosophy
Generous whitespace in the navigation area creates breathing room, while the blue section dominates vertical space to establish brand presence. The layout prioritizes brand impact over content density.
Design Principles
- Blue gradients dominate hero sections for brand recognition
- Typography uses only 72Brand with weights 400-500 for consistency
- Border radius stays minimal at 6-8px maximum
- Navigation remains clean with ample horizontal spacing
- Font sizes follow enterprise hierarchy: 44px, 40px, 20px, 16px
Target Audience
Enterprise architects and IT decision-makers who need to justify software investments to C-suite executives
Mood
Design descriptions are AI-generated based on visual analysis and may not fully reflect the brand's official design guidelines.
Design System
Typography Scale
| Element | Font | Size | Weight | Line Height |
|---|---|---|---|---|
| body | 16px | 400 | 24px | |
| h1 | 44px | 500 | 48.4px | |
| h2 | 40px | 500 | 44px | |
| h3 | 20px | 500 | 22px | |
| p | 17.984px | 500 | 19.7824px | |
| a | 16px | 400 | 24px | |
| button | 16px | 400 | 18px | |
| nav | 16px | 400 | 24px | |
| header | 16px | 400 | 24px | |
| footer | 16px | 400 | 24px |
Color Palette
No colors extracted
