Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
AstraZeneca
HealthcareAstraZeneca presents a sophisticated pharmaceutical aesthetic that balances scientific gravitas with approachable humanity. The elegant serif typography creates editorial authority while the ethereal blue-to-white gradient backgrounds evoke both medical precision and healing optimism.
Design Identity
Signature Color
Healthcare Azure
#4A90C2
medical trust and scientific innovation merged with accessible care
Visual Identity
Distinctive blend of elegant serif headlines with clean sans-serif UI elements, creating a premium pharmaceutical editorial feel that's both authoritative and accessible.
Component Style
Clean, minimal components with subtle borders and generous whitespace. Buttons appear understated with standard corner radius, emphasizing content over flashy interactions - everything feels clinical yet warm.
Spacing Philosophy
Generous breathing room with large vertical gaps between sections, creating a sense of medical precision and premium healthcare positioning. Wide margins allow content to breathe like a medical journal.
Design Principles
- Headlines use serif 'lexia' at 42px with ultra-light 300 weight for editorial authority
- Body text maintains 23px serif for readability and premium feel
- Sans-serif reserved for UI elements and navigation at 16px
- Generous line-height ratios (48px for 42px text) ensure clinical readability
- Minimal color palette focuses on blues and whites for medical trust
Target Audience
Healthcare professionals, patients, and medical researchers who value scientific credibility combined with compassionate care approach
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 | 20px | |
| h1 | 42px | 300 | 48px | |
| h2 | 23px | 400 | 30px | |
| h3 | 23px | 400 | 30px | |
| h4 | 16px | 700 | 20px | |
| p | 23px | 400 | 30px | |
| a | 14px | 300 | 20px | |
| button | 16px | 400 | 20px | |
| input | 14px | 300 | 20px | |
| nav | 16px | 400 | 20px |
Color Palette
No colors extracted
