01
A style guide that writes itself
Each rule lands on the beat and tucks into a list; the palette swatches grow into windows that reflow into a new layout every beat, each one a still in its colour.
film 020 · code
AI Brand Visuals · Showreel
40.0s · 1920×1080 · 30fps · six acts
The showreel for the AI Brand Visuals service. A brand guide writes itself and every rule becomes picture: the stills, loops and films on this site fly past, unfreeze, cut on the beat and finally regrade into one brand look.
An original score composed in code. No spoken dialogue. On-screen text carries the story.
scene breakdown · select a scene to play
The study
Sell a service about consistency with a film about consistency: everything on this site, put through one style system, ends in one brand look.
- tools
- HyperFramesHTMLCSSCanvasGSAPFFmpegPython
- techniques
- Kinetic typographyLayout choreography3D fly-throughIris match cutAudio-reactive ridge field
process notes
02
One clock, six acts
A 3D fly-through of every still, one image regraded into three brands, a still that unfreezes, an iris match cut, panels on three toms and letterboxed cuts with whip pans, all painted from one timeline so any frame renders the same.
03
The score draws itself
The music is composed in code at 120 BPM, then analysed frame by frame: the ridge field in act five is the real spectrum of the film's own score.