01
A film made of the website
Every scene is live HTML and CSS on the studio's own site: real type, real screenshots of the shipped systems, and CSS 3D for the card fans and the browser frames.
film 009 · code
Hours, Back · JQ AI Systems Film
72.0s · 1920×1080 · 60fps · 8 chapters
The JQ AI Systems launch film, built in the page itself: real type, CSS 3D and real product screens, with a synthesised score. From a Monday-morning problem to the systems shipped, the proof and the first call.
A score synthesised in the browser. No spoken dialogue. On-screen text carries the story.
scene breakdown · select a scene to play
The study
Tell the studio's whole story the way a client would meet it: the problem, the work, who builds it, how a project runs, the systems already shipped and how to start.
- tools
- HTMLCSS 3DJavaScriptWeb Audio API
- techniques
- DOM film engineCSS 3D card fansOdometer counters
process notes
02
Its own score
The music is synthesised in the browser and driven by the same timeline as the picture, then everything is exported frame by frame at 60fps.
03
Real proof only
The systems, the client quote and the numbers are the ones published on the studio's site.
04
Attribution
Andrew Warner appears with his permission. Thumbnail Studio was not commissioned by him: the thumbnails are demonstration artwork based on episodes of his channel, The Next New Thing, and feature those episodes' guests. No affiliation or endorsement is implied.