Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Pfizer
HealthcarePfizer's brand aesthetic merges pharmaceutical authority with cutting-edge AI innovation through cosmic-inspired visuals and dual typography system. The deep teal-to-navy gradient backdrop with neural network-like light trails evokes scientific discovery and digital transformation, while PfizerTomorrow's bold headlines contrast with PfizerDiatype's accessible body text to balance breakthrough innovation with human trust.
Design Identity
Signature Color
Pfizer Medical Blue
#0052CC
pharmaceutical trust and scientific precision with digital innovation
Visual Identity
Cosmic data visualization backgrounds with flowing light streams and particle effects that suggest both neural networks and molecular structures, creating a unique fusion of healthcare and AI aesthetics.
Component Style
Soft rounded buttons with 24px pill-shaped corners and subtle gradients, avoiding harsh edges. Components feel approachable yet professional with gentle shadows and smooth transitions that humanize the technical subject matter.
Spacing Philosophy
Generous asymmetrical layout with content anchored to the left third while allowing the cosmic visualization to breathe on the right. Large 48px+ gaps between text blocks create contemplative reading rhythm appropriate for serious healthcare topics.
Design Principles
- Headlines use PfizerTomorrow-Bold at 72px for maximum impact
- Body text maintains 24px size with 40.8px line height for accessibility
- Border radius scales from 2px to 32px with 24px preferred for buttons
- Cosmic backgrounds always complement, never compete with text hierarchy
- White text on dark backgrounds ensures pharmaceutical-grade readability
Target Audience
Healthcare professionals, researchers, and informed patients seeking cutting-edge cancer treatment innovations powered by artificial intelligence
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 | 20px | 400 | 30px | |
| h1 | 72px | 400 | 64px | |
| h2 | 52px | 400 | 62px | |
| h3 | 42px | 400 | 50px | |
| h4 | 32px | 400 | 38px | |
| h5 | 32px | 400 | 32px | |
| h6 | 24px | 400 | 40px | |
| p | 24px | 400 | 40.8px | |
| a | 20px | 400 | 30px | |
| button | 0px | 400 | 0px |
Color Palette
#0f0f0f
