Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Peakon
HR TechPeakon's design radiates corporate sophistication through its distinctive Acid Grotesk typography that feels both human and authoritative. The warm engagement-focused palette centers around a trustworthy blue that communicates enterprise reliability while maintaining approachability for employee feedback systems.
Design Identity
Signature Color
Peakon Trust Blue
#2E86AB
Enterprise reliability meets human-centered employee engagement - professional enough for C-suite, approachable enough for frontline workers
Visual Identity
The prominent engagement score '7.4' displayed as a large, confident numeral alongside clean dashboard interfaces creates an immediate association with data-driven people analytics and measurable employee satisfaction.
Component Style
Softly rounded corners (8-12px) with subtle shadows create approachable professionalism. Cards feel substantial but not heavy, with gentle depth that suggests enterprise software that's actually pleasant to use - no harsh edges or stark contrasts.
Spacing Philosophy
Generous breathing room between major sections (48-64px) creates executive-level calm, while tighter component spacing (16-24px) maintains information density needed for dashboard functionality without overwhelming users.
Design Principles
- Acid Grotesk typography exclusively - never mix with other fonts
- Border radius stays between 8-12px for all interactive elements
- Large numeric displays (engagement scores) always use 48px+ sizing
- Blue accent color reserved for primary actions and key metrics only
- Dashboard cards maintain consistent 24px internal padding
Target Audience
HR executives and people operations leaders who need to translate employee sentiment into board-room ready insights while maintaining day-to-day usability for managers
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 | 14px | 700 | 20px | |
| h2 | 16px | 400 | 24px | |
| h3 | 16px | 400 | 24px | |
| h4 | 16px | 400 | 24px | |
| h5 | 20px | 500 | 28px | |
| p | 20px | 400 | 28px | |
| a | 16px | 700 | 24px | |
| button | 16px | 500 | normal | |
| input | 13.3333px | 400 | normal |
Color Palette
No colors extracted
