Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Regeneron
HealthcareRegeneron uses bold, condensed typography with vibrant blue-to-pink gradients to convey scientific innovation and forward momentum. The ultra-condensed headlines create urgency while maintaining professional biotech credibility through structured layouts and generous whitespace.
Design Identity
Signature Color
Regeneron Science Blue
#4A90E2
Scientific precision and pharmaceutical trust with a progressive edge
Visual Identity
Massive condensed headlines with gradient color treatments on key messaging - the typography becomes the hero element rather than imagery alone.
Component Style
Clean, rounded buttons with generous padding and subtle shadows. Components feel substantial but approachable with 8px+ border radius and medium drop shadows that suggest premium quality without being flashy.
Spacing Philosophy
Expansive section breaks create breathing room for complex scientific content, while tight component spacing maintains focus. Large typography demands substantial margins to prevent overwhelming smaller interface elements.
Design Principles
- Headlines use Barlow Condensed at 72px with 900 weight for maximum impact
- Gradient text treatments span blue to pink for key messaging
- Button radius consistently 24-32px for friendly pharmaceutical feel
- Body text stays at 18px minimum for accessibility in medical context
- Bootstrap shadow system creates subtle depth hierarchy
Target Audience
Healthcare professionals, researchers, and patients seeking cutting-edge biotechnology solutions with established clinical credibility
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 | 18px | 400 | 24px | |
| h1 | 72px | 900 | 58px | |
| h2 | 72px | 900 | 58px | |
| h3 | 40px | 700 | 44px | |
| p | 16px | 700 | 18px | |
| a | 18px | 700 | 20px | |
| button | 18px | 400 | 24px | |
| input | 18px | 400 | 24px | |
| nav | 18px | 400 | 24px | |
| header | 18px | 400 | 24px |
Color Palette
#dee2e6#fff3cd#000000#cff4fc#dc3545#d63384#212529#fcfcfc#0a58ca#ced4da#f8d7da#e9ecef
