Colophon
How this site was made.
Credits
DirectorJona Lim
Strategy & user journeyDylan Lee
DevelopmentIsaac Tan, with Jona Lim
Motion & interactionWai Hong
Copywriting & tone of voiceAmber Seow
Logo illustrationJake Nam
StudioStudio Squat, Kuala Lumpur
Built with
FrameworkNext.js, React
StylingTailwind CSS
MotionGSAP
Generativep5.js, Canvas, Web Audio
ContentSanity
TypefaceGinto, by Dinamo
The viewfinder
Every project is a scene, so the site opens like a camera. The frame, the marks and the red record light are drawn in code. The mesh in scene three follows your cursor, or the tilt of your hand on a phone, and has its own sound, off until you turn it on. Step into the viewfinder →
Say hello
Curious how a piece was made? Write to us at desk@squat.today