Keyable Stream on Hulu badge

Dark slide showing the keyable black "Stream on Hulu" badge with a green outline, alongside a live banner example (NBC "Making It") using it over busy artwork.

Styledark-mode, minimal, technical, photographic

Colordark, high-contrast, vibrant

Typesans-serif, all-caps

Moodtechnical, professional

Elementslogo, badge, image

Tagsctas, section-9, secondary-cta, stream-on-hulu, keyable-badge, green-outline, legibility, making-it, nbc, running-footer

Palette

#000000

#1CE783

#2BAEEF

Summary

The keyable "Stream on Hulu" badge, a black pill with a green outline that keeps the mark legible over any background, shown with a live banner example.

Visual description

Near-black background. Header reads "9.0", a green "CTAs" pill, and "81" top-right. A bold white "Secondary Streaming CTAs" label and short text at far left describe the keyable badge as an alternate option for any background. At left-center the badge sits large: a black rounded-rectangle pill with a thin green outline holding white "STREAM ON" text and the green "hulu" wordmark. To the right is a live application: a bright blue NBC "Making It" banner (two hosts, a "MAKING IT" title, "TONIGHT 8/7c NBC") with the small keyable badge placed at the lower-right, staying readable against the busy colorful artwork. A running footer sits bottom-right.

Key takeaway

Solving over-art legibility by wrapping the lockup in its own outlined container (a "keyable" badge) rather than relying on the background. Pairing the isolated badge with a deliberately busy, bright example proves it works in the worst case.

Reuse notes

A reusable solution whenever a logo or CTA must drop onto unpredictable third-party artwork. The outlined-pill badge is a clean alternative to a drop shadow or scrim, and the loud sample banner is the right kind of stress test to include.