Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Biogen
HealthcareBiogen embraces a warm, humanistic aesthetic that balances medical authority with emotional accessibility. The condensed Franklin Gothic typography creates urgency and directness while maintaining approachability, perfectly suited for patient-centered healthcare communications.
Design Identity
Signature Color
Biogen Teal
#00A693
Medical trust meets human compassion - a calming yet authoritative color that bridges clinical expertise with patient care
Visual Identity
Ultra-light typography weights (300) creating airy, non-intimidating text hierarchies combined with warm interior settings that humanize medical content - making complex health information feel approachable rather than clinical
Component Style
Minimalist components with subtle rounded corners and clean lines. Buttons appear soft with gentle radius, no harsh shadows or borders, emphasizing accessibility and comfort over corporate precision
Spacing Philosophy
Generous breathing room around hero content with large typography scales that create impact without overwhelming. Intimate spacing in navigation maintains approachability while allowing content to flow naturally
Design Principles
- Typography weights never exceed 400 for maximum readability
- Hero headlines use condensed fonts at 74px+ for impact
- Warm environmental photography balances clinical messaging
- Teal accent color appears sparingly for key interactions
- Navigation maintains horizontal simplicity with clean spacing
Target Audience
Patients with chronic conditions and their families seeking trustworthy medical information presented in an emotionally supportive, non-intimidating way
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 | 74.1307px | 300 | 76.7612px | |
| h2 | 55.8045px | 300 | 63.8045px | |
| h3 | 42.9566px | 300 | 50.9566px | |
| h4 | 28.8479px | 300 | 42.3262px | |
| h5 | 28.8479px | 400 | 42.3262px | |
| p | 14px | 400 | 22px | |
| a | 16px | 400 | 24px | |
| button | 15px | 700 | 22.5px | |
| input | 15px | 400 | 17.3696px |
Color Palette
No colors extracted
