Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
ResMed
HealthcareResMed creates a dreamy, cosmic healthcare aesthetic that transforms medical devices into objects of comfort and wonder. The gradient-rich purple-to-blue palette evokes nighttime serenity, while the elegant Vastago typography communicates premium wellness. This is healthcare design that prioritizes emotional comfort over clinical sterility.
Design Identity
Signature Color
Cosmic Purple
#8e6aff
transformative sleep wellness - bridging medical necessity with dreamy comfort
Visual Identity
Fluid gradient backgrounds that blend purple and blue tones create an otherworldly, galaxy-like atmosphere that makes medical equipment feel approachable and calming rather than clinical.
Component Style
Soft rounded buttons with generous padding and subtle transparency effects. Components have gentle curves (likely 8-12px radius) with light borders or subtle shadows that maintain the dreamy, cloud-like aesthetic without harsh edges.
Spacing Philosophy
Expansive breathing room with large sections allowing the gradient backgrounds to create immersive experiences. Text is given generous margins to float comfortably within the cosmic atmosphere.
Design Principles
- Gradient backgrounds never use flat colors - always blend purple-to-blue spectrum
- Typography hierarchy uses only Vastago for headings (64px, 56px, 32px) and Jakarta for body text
- White text always floats over colored backgrounds for contrast
- Button radius stays between 8-16px for soft approachability
- Primary purple (#8e6aff) appears in interactive elements and accents
Target Audience
Sleep apnea patients and healthcare consumers who want medical solutions that feel more like wellness products than intimidating medical devices
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 | 64px | 500 | 70.4px | |
| h2 | 56px | 500 | 64px | |
| h5 | 32px | 500 | 40px | |
| p | 16px | 400 | 24px | |
| a | 18px | 400 | 20px | |
| button | 16px | 400 | 24px | |
| input | 16px | 400 | 24px | |
| nav | 16px | 400 | 24px | |
| header | 16px | 400 | 22.4px |
Color Palette
#212529#ffffff#007aff#000000#abb8c3#f78da7#cf2e2e#ff6900#fcb900#7bdcb5#00d084#8ed1fc
