Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Eli Lilly
HealthcareEli Lilly's brand aesthetic conveys pharmaceutical gravitas through a sophisticated gradient from charcoal to white, creating an atmosphere of serious medical expertise. The oversized Ringside Sans typography dominates the space with confident authority, while the restrained red accent color suggests life-saving urgency without alarm.
Design Identity
Signature Color
Lilly Medical Red
#d31710
Life-critical urgency and pharmaceutical precision - the color of vital medicine
Visual Identity
Massive typographic hierarchy with extreme size variations (100px headlines paired with 16px body text) creating dramatic visual tension against monochromatic gradient backgrounds
Component Style
Minimal components with subtle shadows using rgba(52, 63, 65, 0.2) - everything feels clinical and precise with soft edges that suggest care rather than aggression
Spacing Philosophy
Generous whitespace that creates breathing room around massive typography, establishing trust through restraint and allowing the weight of the message to settle
Design Principles
- Typography scales dramatically from 16px to 100px with no middle ground
- Shadows never exceed 28px spread for subtle depth
- Red accent appears sparingly as signature brand moments
- Stone palette provides 15 precise gradations from #071218 to #f3f7fa
- Line-height equals font-size for display typography (100px/100px)
Target Audience
Healthcare professionals, researchers, and patients seeking evidence-based pharmaceutical solutions from an established industry leader
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 | 100px | 900 | 100px | |
| h2 | 100px | 400 | 100px | |
| h3 | 60px | 400 | 66px | |
| p | 20px | 400 | 30px | |
| a | 20px | 400 | 24px | |
| button | 20px | 400 | 24px | |
| header | 16px | 400 | 24px | |
| footer | 16px | 400 | 24px | |
| main | 16px | 400 | 24px |
Color Palette
#d31710#9f180f#6e1911#0f1b21#071218#1e2a30#303b42#465158#606c73#818c94#a5b1b9#bbc7cf
