Motion theory principles

Motion theory principles, dark-mode, minimal, dark

Preview image. Unlock full-res

Dark slide laying out four named motion principles (Always a Story, Delightfully Human, Simply Essential, Do it Different) as a 2x2 grid of green-headed text blocks.

Summary

The four global motion principles, each a green-titled paragraph, arranged as a 2x2 block that defines how Hulu's "Vessel" moves.

Visual description

Near-black background. A small green "11.0" sits top-left with a green "AV Toolkit" pill, and "89" top-right. A bold white "Motion Theory Principles" label and a one-line intro ("make sure everything we move moves like Hulu") sit at far left. The lower-right two-thirds holds four text blocks in a 2x2 grid. Each has a green bold heading over a short white paragraph: "Always a Story." (the Vessel pulls us in and out of content using z-space), "Delightfully Human." (the Vessel contracts and expands, its stroke stretching with movement), "Simply Essential." (snappy movements and a warm glow highlight what matters), and "Do it Different." (bold green punches and hard cuts to instigate change). A running footer sits bottom-right.

Key takeaway

Distilling a motion language into four short, named, memorable principles with green headings, anchored to a single metaphor (the "Vessel"). The 2x2 arrangement makes the philosophy scannable before any actual motion specs appear.

Reuse notes

A reusable framework slide for the opening of a motion or brand-behavior chapter. Naming principles ("Always a Story", "Do it Different") makes them quotable in production briefs. The grid pattern also suits voice/tone or general brand-value pages.

From this deck: Motion theory principles

View deck

More like this