This Is Hulu

Brand Guidelines

We're not big on rules, but we've created a set of guidelines to help you bring our brand to life.

On this site, you'll find high-level guidelines and the assets our partners use most. Check out our Big Green Guide if you'd like to take a deeper dive into our brand.


Download guide

Our Personality

Our brand is defined by these traits that we put into action across all our campaigns and channels. It's flexible enough to work across the entire Hulu ecosystem, while keeping our place as a pioneer who breaks the rules for all the right reasons.

Logo

Whenever possible, the Hulu logo should be green. If the background is green, use the Hulu Badge logo.
Color combinations are shown in order of priority.

Safe Zone

The logo's safe zone is equivalent to the height of the "u" on all sides.

Color

Hulu green is our primary brand color. It represents the fresh distinctiveness of our brand and stands out from more traditional entertainment palettes.

Black is our secondary color and is used over green.

Dynamic Gradient is used to create depth and bring a cinematic quality to designs.

Hulu Green

PMS: 7479

RGB: 28 231 131

CMYK: 76 0 70 0

HEX: #1ce783

Rich Black

RGB: 4 4 5

CMYK: 75 68 66 88

HEX: #040405

Dynamic Gradient

RGB: 4 4 5 > 24 57 73

HEX: #040405 > #183949

Printing Hulu Green

Our green is important to us. If you ask people "What comes to mind when you think of Hulu?", the word "green" is one of the most common responses. So, understandably, we're quite particular about it.

Download Print Guidlines

Typography

Typography is our visual voice, bringing range, nuance, and attitude to what we have to say. Hulu uses the Graphik type family in all applications.

PURCHASE GRAPHIK Vendors should coordinate with Commercial Type on purchase of the appropriate license for their project (e.g. Web, App, Desktop, etc.)

Iconography

Icons are part our emotive and navigational language. They also bring attitude and texture to our stories. The icon and the rounded Vessel should always have a contrasting color.

Illustration

Our illustration style builds off the shape of the Vessel.
Adding a little spice (and cute characters) to our communications.

Illustration

Illustration Types

illustration_character-spots

Character Spots

illustration_hero-illustrations

Hero Illustrations

The Vessel

The Vessel is a visual metaphor for TV, redefining what TV is. A system born from our logo, it is more than just a frame. As we fill it with meaning, it becomes the connective tissue across all brand touchpoints

The Vessel

Use the following formulas to make your Vessel perfect.

Stroke Weight

Divide longest edge of the Vessel by 100.

vessel-02

Vessel width: 904px
Stroke weight: 9px

Corner Radius

Divide shortest edge of the Vessel by 6.

vessel-01

Vessel height: 231px
Corner radius: 38px

If using multiple Vessels in a single piece of creative, all corner radii and stroke weights should align to the average (not smallest, not largest).

CTA

To unify how availability information appears across our creative, Hulu has created a lockup system which is applied to all single-title Hulu Original creative.

Static CTAs

The single-title CTA should always appear in the lower portion of the creative as shown below. Always ensure that the green Hulu logo is legible over the background.

AV CTAs

There are 2 options for single-title AV CTAs. For longer promos, use the 2-card system with the availability date on its own card.
For shorter promos, use the combined single card system.

Longer Promos
Shorter Promos

Grid

Don't underestimate the power of the grid.
A simple, flexible system that brings Hulu together on every platform.

Using the following approach, we can create a consistent 1:1 grid system that works across all formats.

hulu_grid-01

Define the aspect ratio of the format.

hulu_grid-02

Use the aspect ratio to create a 1:1 grid.
16 units across by 9 down.

hulu_grid-03

Then multiply the grid units equally to ensure the grid is dense enough

Static Toolkit

The static toolkit exists to ensure visual consistency and maximize brand linkage. Below are the main layout formats used for acquisition-based static creative.

static image

Text only

static image 1

Single show

Full bleed

static image 2

Single show

Non full bleed

static image 3

Multi show

static image 4

Library

AV Toolkit

Using key visual elements of the design toolkit, the motion system has been developed to elevate content and flex across multiple genres and campaigns, on any device, at any time.

Ident System

The ident system transports you into the Huluverse. Through the Vessel and our rich sonic identity, we enter the world of entertainment.

Network ID: Hulu
Plays before all Hulu content
Network ID: Hulu Originals
Plays before all Hulu Originals