History Blue Book

Overview

FormatPage Grabber

PlatformDesktop + Mobile

EngineGreenSock

AgencyUndertone

Investigation-themed ad for History Channel's Project Blue Book. Users interact with classified documents: redacted text fades to reveal evidence, documents slide and stack like physical case files, and tap targets trigger detail popups. The entire aesthetic mimics handling physical government documents.

Part of the entertainment vertical portfolio, where ads don't just promote shows: they extend the narrative world into the advertising format.

How It Works

~2s

Classified

Dark background with film grain overlay. Classified stamp animates in. Series logo and History Channel branding fade up.

~3s

Dossier

Redacted document slides into view. Key phrases and evidence imagery reveal through GreenSock opacity transitions.

Interactive

Evidence

Users tap evidence elements to reveal additional case details. Each piece of evidence has a reveal animation and classified-style typography.

End State

Tune-In

Premiere date, time, and network logo. CTA with click-through to series page.

Engineering

Document Animations

Paper-textured elements with GreenSock position and rotation tweens. Documents slide, stack, and fan out: mimicking physical evidence review.

Film Grain Overlay

CSS pseudo-element with animated noise texture. Low opacity, high blend-mode transparency creates period-authentic atmosphere without obscuring content.

Evidence Reveals

Interactive tap targets positioned over document elements. Each tap triggers a GreenSock sequence: redaction fades, detail image appears, classification text updates.

Period Typography

Typewriter and military-standard typefaces with deliberate kerning artifacts. CSS letter-spacing and line-height tuned to match Cold War era document aesthetics.

Engineering Decisions

Project Blue Book is about discovery and evidence. An investigation-themed ad extends the show's premise: users experience the core tension, not just a preview.

The show is set in the 1950s-60s. Clean digital design would feel anachronistic. Film grain establishes the era immediately and authentically.

Investigation requires agency. Users who tap to uncover evidence are role-playing as investigators: creating emotional investment in the show before it airs.

Modern fonts break immersion instantly. Period-accurate typewriter faces with authentic kerning imperfections maintain the dossier fiction throughout.