RAISE THE LEVEL
Raise the Level campaign mark on paper background
01 Construction

LOGO
DESIGN

The symbol is built from six pure geometric shapes: a circle, a line, a rounded outline, a wave, a capsule and a dash. Each piece stands for a real functional part of an IV bag: the hook, the tube, the reservoir, the liquid level, the clamp and the level marking.

The mark in the world
Real-world applications
Raise the Level tote bag held over a shoulder
Tote bag
Raise the Level stickers applied to a car window, another car window, a laptop and a pasted street wall
Stickers in the wild
Raise the Level posters pasted on a metal shutter and on city walls
Street posters
Raise the Level donation snack kit — red paper bag with sandwich, snack, juice box and banana
Donation snack kit
Raise the Level branded water bottle, clear bottle with red cap
Water bottle
02 Foundations

Brand essence

Every unit of blood donated is a level of life saved. The brand exists to make that equation felt in two seconds: the time it takes for someone, somewhere, to need a transfusion.

01

Urgency

Signal red, block typography and high contrast: nothing competes for attention, everything points to the act of donating.

02

Care

Human shapes (hands, arms, the gesture of giving) keep the brand close to people, never too clinical.

03

Clarity

One icon, one line, one number. Communication is stripped to the essential so it works at any scale.

Tone of voice
Direct Human Urgent without alarming Factual Encouraging
✓
Use

"Every 2 seconds, someone needs your blood type."

✕
Avoid

"Without donations, people will die." Guilt is not motivation.

03 Type & Color

Typography & color

Two typefaces and a six-color system do all the work. Click any swatch to try a new color live, click the hex to copy it, edit any type line to test your own copy at real scale.

Display / Anton
Raise the
Level

Uppercase, condensed, sans-serif: it works like a stamp. Reserved for headlines, the brand mark and impact numbers, never for paragraphs.

Uppercase — Anton
ABCDEFGHIJKLMNOPQRSTUVWXYZ
Numbers & body — Inter
0123456789 — In most states, you must be 17+.
Anton, Display

Uppercase, condensed, sans-serif: it works like a stamp. Reserved for headlines, the brand mark and impact numbers, never for paragraphs.

Inter, Text

Neutral, highly legible on small screens, with weights from 400 to 900. Carries all navigation, body copy and interface.

Signal Red
Primary color. CTAs, the icon, high-impact headlines.
#EE0504
RGB 238, 5, 4
Deep Red
Shadow, wave and depth inside the illustrations.
#A91716
RGB 169, 23, 22
Ink Black
Maximum-contrast background for the glowing mark.
#0A0A0A
RGB 10, 10, 10
Paper
Default background. Subtle paper-grain texture.
#EEECEB
RGB 238, 236, 235
White
Cards, breathing room, legibility layer.
#FFFFFF
RGB 255, 255, 255
Text
Near-black grey for long reading on paper.
#1C1A18
RGB 28, 26, 24
60% Paper
30% Red
10% Ink
🅰️ White on Signal Red and Text on Paper meet WCAG AA for large text.
04 Illustration

Illustration system

Flat shapes, thick consistent outlines, and letters that carry their own story.

Illustration reference, blood types as drop letters Illustration reference, hands and eligibility drop
01
Single outline

Every stroke uses the same relative weight, no weight variation within a single piece.

02
Letter as shape

Blood types (O, A, B, AB) are drawn as solid blocks that absorb the drop: the letter is the illustration.

03
Simplified human figure

Hands and arms as flat silhouettes, no face, no defined gender; anyone can see themselves in the piece.

04
Paper texture

A subtle grain over the solid shapes avoids a cold digital look and moves it closer to screen-printed matter.

Icon vocabulary
Drop
Bag
Hand / Arm
Cross
Mobile unit
Location pin
05 Formats & Applications

Formats & applications

The same gesture, carried across every real surface it needs to live on: phone, apparel, tablet, desktop and the campaign site itself.

Raise the Level mark on a phone screen, red background
Mobile, hero mark
Raise the Level cap and t-shirt mockup
Apparel, cap and tee
Tablet mockup with campaign ad layout
Tablet, editorial layout
Four phone mockups showing the campaign story sequence
Phone sequence, campaign story
Laptop mockup with full campaign ad layout
Desktop, full campaign layout
Homepage, donation impact statistics
Site — homepage, donation impact
Blood types page
Site — blood types page
Learn more page, pill navigation
Site — learn more, pill navigation
Who can donate page
Site — who can donate
Mobile collection units page
Site — mobile collection units
06 Motion

Motion & animation

Movement is always functional: a level that rises, a pulse that grabs attention, a number that grows. Never decorative for its own sake.

Real asset Real animated campaign loop
Live prototypes, built with CSS/SVG, in the brand's visual language
70%
70%
Raise the level: drag it
0
million lives saved / year
Impact counter
Urgency pulse
07 Components

Interface components

Recurring blocks pulled from the campaign site, ready to reuse.

Pill buttons
Drop callout
Extra criteriamedications, conditions, recent travel