09 / 09 — Work
Concept Project — Interactive studio
PARALLAX
- Type
- Art direction & creative development
- Industry
- Creative technology
- Year
- 2026
- Setting
- Penang · online
- Live site
- logos-parallax.vercel.app
Overview
A studio that builds installations should not show videos of its work. Here the type answers the pointer, and six studies — flow, light, growth, particles, a warping grid, a pendulum wave — are computed live, each only while it is on screen.
- Role
- Art direction
Kinetic type & generative systems
Creative development - Built with
- Vite
Canvas 2D
WebGL (GLSL)
Variable fonts
Kinetic type
Every letter’s weight, width and optical size follow the pointer; fast scrolling squeezes the word, and each letter reports its own axes.
Screen recording of the live site · 22s
Direction
Swiss, but alive: a visible twelve-column grid, paper, black and one signal orange — never used for small text on paper.
- Paper#EFEDE8
- Black#000000
- Signal orange#FF4F00
- Display & textBricolage Grotesqueweight, width and optical size, moving live
- Labels & dataMartian Mono
Experiments — six studies computed in the browser; nothing on the page is a video.
On a phone
The grid collapses on purpose. Studies run at a lower density, start as they scroll in and stop as they leave.
Screen recording of the live site · 12s
E/01 Flow Field · E/03 Reaction–Diffusion
On a phone — approach, a study, the brief.
Contact
Pick what should respond and roughly when. “Send brief” opens an honest note: it is a concept, and nothing is sent.
Software that behaves like material.
Creative experiment — 3D, motion and interaction like this are custom development, quoted separately. Not part of the fixed plans.
