Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Personio projects enterprise-grade sophistication through dramatic high-contrast gradients and bold typography hierarchy. The regolaNeue typeface creates a distinctly European professional aesthetic that feels more humanized than typical corporate sans-serifs, while the dark atmospheric backgrounds convey premium B2B positioning.

Signature Color
Personio Blue
#3b82f6
enterprise reliability with approachable professionalism
The dramatic dark gradient backgrounds paired with oversized white typography create an unmistakable cinematic presentation that stands apart from typical HR software's bright, clinical aesthetics.
Clean, minimal components with generous rounded corners and subtle contrast. Buttons appear soft and approachable rather than sharp or aggressive, with medium padding and gentle hover states that complement the sophisticated gradient backgrounds.
Expansive vertical breathing room dominates the layout, with massive 120px+ gaps between sections creating a sense of premium positioning. Typography spacing follows a generous hierarchy that prioritizes readability over density.
European HR directors and people operations leaders at mid-to-large companies who value sophisticated, design-forward tools over purely functional solutions
Design descriptions are AI-generated based on visual analysis and may not fully reflect the brand's official design guidelines.
| Element | Font | Size | Weight | Line Height |
|---|---|---|---|---|
| body | 16px | 500 | 24px | |
| h1 | 72px | 600 | 76px | |
| h2 | 48px | 600 | 52px | |
| h3 | 28px | 600 | 32px | |
| h4 | 24px | 500 | 28px | |
| h5 | 24px | 500 | 28px | |
| p | 14px | 600 | 22px | |
| a | 16px | 600 | 24px | |
| button | 16px | 500 | 24px | |
| input | 16px | 500 | 24px |
#3b82f6#ffffff