Hulu narrative typography examples

Summary

The applied page for narrative typography: three dark ad comps show type centered inside the Vessel, contained with imagery, and combined inside and outside the frame.

Visual description

White slide with the green "Typography" tag and a "Narrative Examples" label top left. Three dark horizontal mockups run across the middle. Left: a black field with "HEADER" in white caps inside a green-outlined rounded-rectangle Vessel on faint center crosshairs, captioned "Always center align typography to The Vessel." Center: a content grid of show thumbnails surrounding a central green-outlined Vessel reading "PRIDE NEVER STOPS" with arrow and plus icons, captioned "Contain text and images within Vessels. Type interacts with iconography to create direction." Right: a dark ad reading "Even this ad has Hulu. Do you?" with a green "TIME TO HAVE HULU" Vessel button, an arrow icon, and the green hulu wordmark, captioned "Combine typography that sits both inside and outside The Vessel to add interest."

Key takeaway

Showing one container device used three ways (type centered inside it, the frame containing mixed media, and type playing inside and outside it) so a single brand element generates layout variety. The green outline glow ties every example together.

Reuse notes

A useful "applied" page for any system built around a containing shape. The three-rule progression (center, contain, combine) is a tidy way to teach a flexible device. Depends on dark backgrounds and a strong accent outline.