Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Johnson & Johnson
HealthcareJohnson & Johnson's brand identity exudes scientific authority through a distinctive red signature color paired with warm, earthy neutrals that humanize healthcare technology. The custom 'Johnson Display' typeface creates a refined, approachable personality that balances corporate credibility with human empathy, while the laboratory imagery reinforces their innovation-first positioning.
Design Identity
Signature Color
Johnson Red
#eb1700
Healthcare innovation urgency - communicates life-saving priority and medical breakthrough energy
Visual Identity
The distinctive split-screen layout with bold red sectional blocks and authentic laboratory photography creates an unmistakable Johnson & Johnson aesthetic that balances corporate authority with human-centered healthcare messaging.
Component Style
Clean, minimal components with subtle rounded corners and flat design principles. Red call-to-action sections use bold typography without heavy shadows, emphasizing clarity and accessibility over decorative flourishes.
Spacing Philosophy
Generous breathing room with 40px grid margins and 32px paragraph spacing creates a premium, uncluttered feel. Large hero sections use dramatic negative space to emphasize the headline messaging, while maintaining intimate laboratory scene compositions.
Design Principles
- Typography hierarchy jumps dramatically: 72px headlines to 18px body text
- Red accent color (#eb1700) reserved exclusively for primary actions and branding
- Laboratory photography always features real scientists in authentic settings
- Split-screen layouts maintain 50/50 content-to-image ratios
- Warm neutral palette (#f9f8f7, #cbc4bc) softens clinical red energy
Target Audience
Healthcare professionals, medical researchers, and institutional decision-makers who value evidence-based innovation and need to trust life-critical solutions
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 | 18px | 400 | 21.6px | |
| h1 | 72px | 400 | 72px | |
| h2 | 56px | 400 | 58.24px | |
| h3 | 12px | 400 | 15.96px | |
| p | 32px | 400 | 33.92px | |
| a | 18px | 400 | 21.6px | |
| button | 18px | 400 | 21.6px | |
| input | 20px | 400 | 32px | |
| nav | 18px | 400 | 21.6px | |
| footer | 18px | 400 | 21.6px |
Color Palette
#eb1700#e8e6e3#ffffff#312c2a#81766f#cbc4bc#6e6259#f9f8f7#000000#d91500#cc1400
