Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Dexcom
HealthcareDexcom embodies healthcare confidence through bold Gilroy typography and authoritative medical green (#137d00), creating a reassuring yet dynamic aesthetic. The brand balances human warmth through lifestyle photography with clinical precision in its interface elements, conveying trusted medical expertise without intimidation.
Design Identity
Signature Color
Medical Authority Green
#137d00
Clinical trustworthiness and life-enhancing technology - the reliable green of vital signs and health monitoring
Visual Identity
Dramatic lifestyle hero imagery showing real people living actively with medical devices, paired with bold white typography overlays and strategic green accent placement - instantly recognizable as empowering healthcare technology
Component Style
Rounded corner buttons (approximately 8px radius) with solid fills and medium padding, clean sans shadows for a friendly medical approach. The 'Get started' button uses the signature green with confident white text, while secondary elements maintain subtle borders.
Spacing Philosophy
Generous hero sections create breathing room around lifestyle imagery, while compact navigation and button spacing maintains efficiency - balancing the expansive feeling of freedom with the precision of medical devices
Design Principles
- Gilroy font family used exclusively across all elements for consistent geometric warmth
- Green (#137d00) reserved only for primary actions and key brand moments
- Bold font weights (600-700) dominate hierarchy for confident messaging
- Button radius stays consistent at 8px for friendly accessibility
- Hero imagery always shows real device usage in authentic contexts
Target Audience
Adults living with diabetes who value both medical reliability and lifestyle freedom - people who need clinical accuracy but refuse to compromise their active lives
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 | 72px | 700 | 76px | |
| h2 | 40px | 700 | 44px | |
| h3 | 56px | 700 | 60px | |
| p | 24px | 700 | 28px | |
| a | 16px | 700 | 20px | |
| button | 18px | 600 | 24px | |
| main | 16px | 400 | 24px |
Color Palette
#137d00#68d391#9b2c2c#2a4365#c5e4f3#7b341e#234e52#ffffff#b794f4#00b5d8#e5f4fd#161a1d
