ZEJULA
All works
Healthcare

ZEJULA

Omnichannel

UX/UI, Digital, Technology, Art & Design

ClientGSK - Zejula
Agencyimre
RoleUX/Technology Director
DisciplineHealthcareUX/UI
ZEJULA  /  niraparib

Brand Style
Guide

The digital & web design system — colour, type, motion and voice for moving people forward.

Digital & Web Edition | v1.0 — 2026
Forward mark
01 — Brand at a glance

A steady hand and a clear path forward.

ZEJULA speaks to people navigating a difficult moment with warmth, clarity and momentum. Every touchpoint should feel human and reassuring — never clinical or cold — while keeping information easy to find and act on.

Forward

Momentum and hope. Language and visuals always point ahead.

Warm

Real people, real moments. Empathetic and personal in tone.

Clear

Plain words, generous space, one action at a time.

Supportive

Beside the patient at every step, on their terms.

02 — Logo

The wordmark & lockup

ZEJULA (niraparib) logo
Anatomy
  • Forward mark — the upward azure swoosh signalling progress
  • Wordmark — rounded, humanist, set in navy ink
  • Molecule — "niraparib" in sky blue
  • Descriptors — "once-daily oral" & dosage
Clear space

Keep free space equal to the height of the wordmark's cap-height on all sides. Never crowd with copy or imagery.

Minimum size

140 px wide on screen. Below this, drop the dosage descriptor for legibility.

Don't

Recolour, stretch, add shadows, or place the navy lockup on low-contrast photography.

03 — The forward mark

Momentum you can see

The oversized azure "Z" arc is the brand's hero graphic device — a three-dimensional ribbon that sweeps upward and forward. Use it as a large, cropped background element behind lifestyle imagery to reinforce the idea of moving forward.

  • Anchor it to a corner and let it bleed off the frame
  • Reserve for hero and section-opening moments
  • Always azure — never recolour to accent hues
Forward mark in use
04 — Colour

Palette

Azure leads, navy grounds, and a warm coral–orange family adds human energy. Keep interfaces predominantly white with confident colour blocks.

Primary
Forward Azure
#2CB4DC · rgb 44 180 220
Hero mark, primary links, highlights
Sky Blue
#0093C9 · rgb 0 147 201
Headlines, sub-brand names, icons
Ink Navy
#1E2A57 · rgb 30 42 87
Body headings, wordmark, UI text
Signature gradient
#0E2E52 → #1B7FA0 · used on angled section blocks
Accent & data
Coral
#E5416C
Patient-support & sign-up moments
Oncology Orange
#F26522
Partner / programme call-outs
Gold
#F7A21E
Comparison data, secondary charts
Neutrals
White
#FFFFFF
Mist
#F4F6F8
Slate
#5A6472
Charcoal
#22272E
05 — Typography

Type system

Display & headings
Nunito

A rounded, humanist sans that carries the brand's warmth. Set headings in 800–900 weight, tight tracking.

AaAaAaAaAa
Body & UI
Helvetica

Neutral and highly legible for paragraphs, labels and long-form medical copy. Regular for body, bold for emphasis.

AaAaAa
Display / 72Moving forward
H2 / 40Who can take ZEJULA
H3 / 24A next step in your path
Eyebrow / 13First-line maintenance
Body / 16Once-daily oral treatment, explained in plain, reassuring language that any patient can follow.
06 — Signature elements

Building blocks

Angled colour blocks

Diagonal top edges create the sense of forward motion. Use on the navy gradient for major section breaks.

Find support
Oversized numerals
01

What to expect with treatment.

02

Resources for your care partners.

Cards & elevation
Considering ZEJULA?
Start here
  • Radius 16–18px on containers, 12px inside
  • Shadow 0 12px 34px -22px rgba(30,42,87,.4)
  • Generous 32–40px internal padding
Data visualisation
Received ZEJULA
14months median
Received placebo
8months median

Bars use the primary gradient for the brand result and the warm gold gradient for comparison. Keep labels in pill chips.

38% Less risk

Donut charts, azure on mist.

07 — Imagery

Photography style

Candid, warmly-lit moments of real connection — shared meals, walks, everyday life. Natural light, authentic settings, genuine expressions. Never staged, clinical or stocky.

Lifestyle
Do
  • Warm, natural daylight
  • Real relationships & moments
  • Diverse, age-appropriate casting
  • Optimistic, forward-looking mood
Don't
  • Clinical or hospital settings
  • Posed, expressionless stock
  • Cold or desaturated grading
08 — Digital & web in use

The system, applied

Responsive layouts hold a white base, generous rhythm and one clear action per block. Colour blocks and the forward mark punctuate; content stays scannable across desktop and mobile.

Homepage
Homepage
Hero mark, financial-support & pathway cards
Results
Clinical results
Data viz on the navy gradient block
Sign up
Sign-up / support
Coral system for patient programmes
Social & conversational

On social and chat, the brand stays friendly and human — the "Juli" support persona, warm reply bubbles, and quick-reply chips in azure and coral keep help one tap away.

  • Rounded chat bubbles, generous spacing
  • Quick-reply chips use brand blues
  • Cover art pairs lifestyle photo + teal block
Social
09 — Voice & tone

How we sound

Reassuring

Calm and steady. We meet people where they are without minimising their concerns.

Plain-spoken

Short sentences, everyday words. Medical terms are always explained.

Encouraging

Always a next step. We frame the road ahead with realistic hope.

We say

"ZEJULA may keep you moving forward."

"A next step in your path forward."

We avoid

Jargon-heavy, clinical statements.

Overpromising, fear-based or alarmist language.