Inspiration by VASA Works
Get started

Hulu Brand Guidelines 2024 (Big Green Guide)

Hulu's 99-slide brand guideline deck built on a strict black-and-Hulu-green system, oversized black grotesque headlines, and tiny green utility labels.

99 slides · Guideline

View deck overview
Big Green Guide cover, dark-mode, minimal, vibrant
Cover
Welcome to the Big Green Guide, dark-mode, minimal, dark
Statement
Brand Creative Guidelines contents, dark-mode, minimal, dark
Contents
Brand application montage grid, dark-mode, photographic, dark
Imagery
Adaptive unifying system across devices, light-mode, minimal, light
Mockup
The Vessel concept construction, dark-mode, minimal, dark
Brand Elements
Global Design Principles section divider, dark-mode, minimal, vibrant
Section
TV for TV people principles diagram, dark-mode, minimal, dark
Framework
Logo section divider, dark-mode, minimal, vibrant
Section
We use our logo with pride statement, dark-mode, minimal, dark
Statement
Logo attributes, dark-mode, minimal, dark
Logo Reveal
Logo safe zone, dark-mode, minimal, dark
Logo Usage
Logo colorway matrix, dark-mode, minimal, dark
Logo Usage
Primary logo and logo lockups, dark-mode, minimal, dark
Logo Usage
Hulu Originals logo lockups, dark-mode, minimal, dark
Logo Usage
Hulu + Live TV logo lockups, dark-mode, minimal, dark
Logo Usage
Partnership logo lockups, dark-mode, minimal, dark
Logo Usage
App icons construction and examples, dark-mode, minimal, dark
Logo Usage
Hulu COLOR section divider, minimal, swiss, vibrant
Section
Hulu color statement slide, minimal, dark-mode, dark
Statement
Hulu Green hero color slide, minimal, swiss, vibrant
Color Palette
Hulu primary colors card grid, minimal, swiss, light
Color Palette
Hulu color worlds statement slide, minimal, dark-mode, dark
Statement
Hulu color worlds overview, minimal, dark-mode, dark
Framework
Hulu Show Time color world overview, minimal, swiss, light
Layout
Hulu Show Time content color examples, minimal, swiss, light
Layout
Hulu content color matching example, minimal, swiss, light
Layout
Hulu episodic stills color sourcing, minimal, swiss, light
Layout
Hulu Clean Green color world overview, minimal, swiss, light
Layout
Hulu Business Time color world overview, minimal, swiss, light
Layout
Hulu color usage proportions bar, minimal, swiss, light
Data Chart
Hulu TYPOGRAPHY section divider, minimal, swiss, vibrant
Section
Hulu typography statement slide, minimal, dark-mode, dark
Statement
Hulu Graphik typeface slide, minimal, dark-mode, dark
Typography
Hulu type expression overview, minimal, dark-mode, dark
Framework
Hulu Core type hierarchy scale, minimal, swiss, light
Typography
Hulu typography core examples, minimal, dark-mode, light
Typography
Hulu active typography weights, minimal, swiss, light
Typography
Hulu active typography examples, minimal, dark-mode, light
Typography
Hulu narrative type styles in the Vessel, minimal, swiss, light
Typography
Hulu narrative typography examples, minimal, dark-mode, dark
Typography
Hulu cinematic type styles, minimal, swiss, light
Typography
Hulu cinematic typography examples, minimal, dark-mode, dark
Typography
Hulu typography don'ts grid, minimal, dark-mode, dark
Typography
Iconography section divider, minimal, swiss, vibrant
Section
Hulu iconography statement, minimal, dark-mode, dark
Statement
Hulu icon types, minimal, dark-mode, dark
Iconography
Hulu marketing icons grid, minimal, dark-mode, dark
Iconography
Hulu icon journey, minimal, dark-mode, dark
Iconography
Illustration section divider, minimal, swiss, vibrant
Section
Hulu illustration style grid, illustrated, 3d-render, light
Imagery
Hulu illustration statement, minimal, dark-mode, dark
Statement
Hulu illustration and the Vessel, minimal, illustrated, dark
Imagery
Hulu illustration style spots and renders, minimal, illustrated, light
Imagery
The Vessel section divider, minimal, swiss, vibrant
Section
The Vessel statement slide, minimal, dark-mode, dark
Statement
The Vessel concept derivation, minimal, dark-mode, dark
How It Works
Vessel behaviors, set one, dark-mode, minimal, dark
How It Works
Vessel behaviors, set two, dark-mode, minimal, dark
How It Works
Creating The Vessel, three rules, dark-mode, minimal, dark
Framework
Corner radius, horizontal and portrait, dark-mode, technical, dark
Diagram
Radius minimum and maximum, dark-mode, technical, dark
Diagram
Web and mobile corner radius scale, dark-mode, technical, dark
Framework
Stroke weight variations, dark-mode, technical, dark
Diagram
Stroke weight examples, dark-mode, minimal, dark
How It Works
Type padding inside The Vessel, dark-mode, technical, dark
Diagram
Vessel glow reveal styles, dark-mode, technical, dark
How It Works
Vessel and image principles, dark-mode, photographic, dark
How It Works
Vessel don'ts grid, light-mode, minimal, light
Logo Usage
Grids section divider, minimal, swiss, vibrant
Section
Power of the grid statement, minimal, dark-mode, dark
Statement
Grid principles, three rules, dark-mode, technical, dark
Framework
Grid construction across formats, minimal, swiss, light
Layout
Grid across digital formats, minimal, swiss, light
Layout
Grid across print formats, minimal, swiss, light
Layout
CTAs section divider, minimal, swiss, vibrant
Section
Hulu Originals static CTA anatomy, dark-mode, minimal, dark
Layout
Single-title CTA placement on key art, dark-mode, minimal, dark
Layout
Hulu Originals AV CTA options, dark-mode, minimal, dark
Layout
Secondary streaming CTAs with partners, dark-mode, minimal, dark
Layout
Keyable Stream on Hulu badge, dark-mode, minimal, dark
Layout
Static Toolkit section divider, minimal, swiss, vibrant
Section
Static toolkit purpose statement, dark-mode, minimal, dark
Statement
Static toolkit layout styles, minimal, swiss, light
Layout
Multi-show layouts, minimal, swiss, light
Layout
Library layouts, minimal, swiss, light
Layout
AV Toolkit section divider, minimal, swiss, vibrant
Section
Motion system purpose statement, dark-mode, minimal, dark
Statement
Motion theory principles, dark-mode, minimal, dark
Framework
Ident system purpose statement, dark-mode, minimal, dark
Statement
Network ID system, Hulu and Hulu Originals, dark-mode, minimal, light
Motion
Network ID Hulu Landscape storyboard, dark-mode, gradient-heavy, dark
Motion
Network ID Hulu Originals Landscape storyboard, dark-mode, gradient-heavy, dark
Motion
App Open ident storyboard, dark-mode, gradient-heavy, dark
Motion
Promo Structure, Licensed Single Show, dark-mode, photographic, dark
Mockup
Promo Structure, Licensed Multi Show, dark-mode, photographic, dark
Mockup
Promo Structure, Premium Add-On, dark-mode, photographic, dark
Mockup
Promo Structure, New this Month Sizzle, dark-mode, photographic, dark
Mockup
Closing Hulu logo end card, dark-mode, minimal, dark
Closing