Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Allianz
InsurtechAllianz projects institutional gravitas through its signature deep navy (#122b54) paired with crisp whites, creating a nocturnal yet trustworthy atmosphere. The custom Allianz Neo typeface delivers authoritative weight while maintaining approachability, particularly in the bold 600-weight headlines that command attention without aggression.
Design Identity
Signature Color
Allianz Navy
#122b54
Financial institution authority and deep-rooted stability
Visual Identity
The dramatic dark hero sections with selective lighting effects and philosophical questioning headlines create an introspective, almost cinematic quality that distinguishes it from typical corporate finance websites.
Component Style
Rounded corners at 8px borderRadius with subtle shadows (2px-8px depth) create approachable solidity. Buttons feel substantial with 10px vertical padding and 700 font-weight, balancing accessibility with executive presence.
Spacing Philosophy
Generous whitespace in hero sections creates contemplative breathing room, while precise micro-spacing (2-10px) in components maintains Germanic attention to detail and systematic organization.
Design Principles
- Button border radius locked at 8px for consistent approachability
- Typography weights use only 400, 600, and 700 - no thin fonts
- Box shadows never exceed 24px blur for subtle depth
- Focus states always include 2px white separator for accessibility
- Card components maintain 4px border radius for systematic consistency
Target Audience
Risk-conscious executives and financial decision-makers who value institutional heritage over fintech innovation
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 | 12px | 400 | 20px | |
| h1 | 24px | 600 | 32px | |
| h2 | 24px | 600 | 28px | |
| h3 | 30px | 600 | 36px | |
| p | 16px | 400 | 24px | |
| a | 16px | 700 | 24px | |
| button | 16px | 700 | 16px | |
| input | 30px | 600 | 36px | |
| nav | 12px | 400 | 20px | |
| header | 12px | 400 | 20px |
Color Palette
#00450f#006028#720849#962165#414141#003781#c2c2c2#f0f7fc#c3d7e9#ececec#ffffff#8a679c
