Beat Painter

Unique One Pager that paints on the website canvas based on the current music you’re listening to.

One of the most difficult tasks here was changing screen sizes: from desktop to fullscreen desktop, from vertical mobile to horizontal mobile to fullscreen mobile. How do you keep the canvas and the "paint" that's on it in fixed proportions? We eventually settled on cropping the canvas when moving to a smaller space, and just adding more of it when moving to a bigger one. Try fullscreen, you'll see.
Categories Music Related
Typefaces Helvetica Neue
Inspiration straight to your inbox
Introducing
Our new Redux Newsletter for inspiration straight to your inbox.
Email Inspiration? Check out Email Love ๐Ÿ“ฌ