Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
GE Healthcare
HealthcareGE Healthcare embodies a clinical-meets-digital aesthetic with its commanding purple-to-navy gradient overlays that create dramatic, almost cinematic depth. The typography is deliberately understated with Source Sans Pro, allowing the bold gradient messaging to dominate while maintaining medical-grade trustworthiness.
Design Identity
Signature Color
Healthcare Indigo
#4a4af4
Medical innovation and digital transformation trust - bridging traditional healthcare reliability with cutting-edge technology
Visual Identity
The dramatic purple-to-navy gradient overlays on photography create an unmistakable 'digital transformation' narrative - where human subjects appear through colored lens filters that suggest technological augmentation.
Component Style
Clean, minimal components with subtle 2-8px corner radius that never feel playful. White buttons with dark text maintain clinical clarity, while shadows are kept extremely light (0.14-0.23 opacity) to preserve the serious, professional atmosphere.
Spacing Philosophy
Conservative spacing with 35-45px vertical module padding creates breathing room without feeling indulgent. 16-24px margins scale appropriately across devices, maintaining density that feels efficient rather than luxurious.
Design Principles
- Corner radius never exceeds 12px to maintain professional geometry
- Gradient overlays use purple (#4a4af4) to navy transitions for digital messaging
- Typography uses single weight (400) across all elements for clinical consistency
- Box shadows stay under 0.25 opacity to avoid consumer-grade depth
- White buttons on dark backgrounds for maximum clinical clarity
Target Audience
Healthcare executives and IT decision-makers who need to modernize legacy systems while maintaining patient safety standards
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 | |
| h2 | 48px | 400 | 56px | |
| h3 | 18px | 400 | 28px | |
| h5 | 18px | 400 | 28px | |
| p | 16px | 400 | 24px | |
| a | 16px | 400 | 24px | |
| button | 16px | 400 | 24px | |
| nav | 16px | 400 | 24px | |
| header | 16px | 400 | 24px | |
| main | 16px | 400 | 24px |
Color Palette
#191925#ffffff#0c0c14#e5e5e9#313142#4a4af4#a8a9fc#2f2fc1#6d6e71#f0f5f7#101820#fbf9fd
