Spotify × Bauhaus
Jul 6, 2026 · 2hr
My Interpretation
I used Bauhaus geometry to explore motion inside a Spotify player. As the prototype became more musical, I added simple sound effects and turned the phone frame into volume keys, making the interaction feel more playful.
Workflow
- Creative DirectionMe
- PrototypeCodex
- Motion RefinementMe
- PublishCodex
AI Recipe
Design a Spotify mobile player in a Bauhaus style. Use a warm paper background, black outlines, and primary red, blue, and yellow blocks. Keep the UI simple: Now Playing, square animated artwork, track name, progress, and one play button.
Create a square Block Push artwork filled edge-to-edge with different-sized rectangles. Animate the rectangles by shifting shared boundaries so they appear to squeeze and push each other, using a bouncy easing curve and tiny overlap guards to prevent visible seams.
Create a short Bauhaus-inspired synth loop for a playful mobile music player. Use simple geometric rhythm: warm square-wave bass pulses, light triangle accents, and tiny filtered noise ticks. Keep it percussive, minimal, and slightly mechanical, with enough headroom so it feels clean rather than distorted.