An animation experiment built almost entirely in HTML and CSS, with only minimal JavaScript.
Every element was hand-positioned — no frameworks, no shortcuts — just pure CSS geometry and motion.
Every element was hand-positioned — no frameworks, no shortcuts — just pure CSS geometry and motion.
Developed at Google Brand Studio Japan, the project served as both a design exploration and a meta-commentary on responsive design itself.
Each device — desktop, laptop, tablet, phone, watch, or TV — can be selected to see the layout rearrange in real time, visually demonstrating the very principles it’s built on.
View it live here (desktop recommended) or explore the source code if you're feeling brave.
Each device — desktop, laptop, tablet, phone, watch, or TV — can be selected to see the layout rearrange in real time, visually demonstrating the very principles it’s built on.
View it live here (desktop recommended) or explore the source code if you're feeling brave.
Role
Creative & Art Direction — Concept, Design, Front-end Development
Creative & Art Direction — Concept, Design, Front-end Development
Collaboration
Google Brand Studio Japan
Google Brand Studio Japan