Case study · Interactive title sequence
TVA Case File
A motion-and-typography case file in the language of the Loki title sequence: seven “deviations”, one timeline, one person.
The concept
In Loki, the TVA prunes anyone who steps off their assigned timeline. The case file takes the joke seriously: to a filing system, a person who has been a lawyer, a mediator, a teacher and a builder is a series of deviations. The sequence files them one by one and lets a single timeline through.
Art direction and typography
Paper as a printed object — cover, stamps, margin notes — in a gold palette, with type sized to read at phone distance. Every frame is a document first and a shot second.
Motion and pacing
One continuous cinematic sequence, paced to be watched from beginning to end. The film’s playback controls let you pause or seek within that sequence.
The browser build
The original browser build covered desktop and phone, with the phone cut tuned on a physical device rather than only in an emulator. That build used versioned assets and a smoke test before publishing.
What it proves
This is the craft proof of the portfolio — a method you can watch. The same discipline, a spec and a definition of done before anything ships, is how the tools on this site get built.
- Role
- Concept, art direction, typography, motion and code
- Format
- A title sequence that plays in the browser
- Original release
- Published as an unlisted film
- Practice
- Interactive web experiences
