Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.

Back to Browse

Gilead

Healthcare

Gilead embodies scientific precision through ethereal blue gradients and confident typography, creating an atmosphere of medical innovation that feels both cutting-edge and deeply human. The brand balances sterile laboratory aesthetics with warm accessibility, using oceanic blues to convey trust and breakthrough discovery.

(0)
0
Visit Website
Screenshot of Gilead website

Design Identity

Signature Color

Therapeutic Blue

#4A90E2

Medical breakthrough trust - the color of life-changing science

Visual Identity

Signature blue-to-teal gradient overlays on crisp laboratory photography, creating a distinctive 'scientific aurora' effect that makes medical research feel aspirational rather than clinical.

Component Style

Clean, minimal components with subtle rounded corners (4-6px) and no visible shadows. White backgrounds with delicate blue accent borders create a sterile-yet-approachable pharmaceutical aesthetic.

Spacing Philosophy

Generous vertical breathing room with 60-80px section gaps creates a sense of medical authority, while text blocks use tight 16-24px spacing to maintain readability and scientific precision.

Design Principles

  • Proxima Nova exclusively at 400-500 weight for clinical credibility
  • Large typography scale: H1 at 50px, body at 18px for accessibility
  • Blue gradient overlays never exceed 70% opacity
  • White text on blue maintains WCAG AA contrast
  • Minimal border radius under 8px for professional trust

Target Audience

Healthcare professionals, researchers, and patients seeking life-changing treatments who value both scientific rigor and human compassion

Mood

therapeuticbreakthroughoceanicprecisionhopefulsteriletransformative

Design descriptions are AI-generated based on visual analysis and may not fully reflect the brand's official design guidelines.

Design System

Typography Scale

ElementFontSizeWeightLine Height
bodyproxima-nova18px40025.7143px
h1proxima-nova50px40050px
h2proxima-nova40px50048px
h3proxima-nova32px50038.4px
h4proxima-nova28px50033.6px
h5proxima-nova24px50028.8px
pproxima-nova21.3333px400normal
aproxima-nova18px40025.7143px
buttonproxima-nova25.2px40025.7143px
inputproxima-nova24px40025.7143px

Color Palette

No colors extracted

UI Elements

button
input
a
nav
button-primary

Similar Designs

Completely Different Designs

Discussion

Loading comments...