This website.
KINETIK’s own website: a brand platform turned into a system that stays still until you move it. Designed and built by the studio as its first case study.
- Client
- KINETIK
- Year
- 2026
- Industry
- Creative technology studio
- Services
- Website · Brand system · Motion identity
01 Initial state
A new studio with a brand platform on paper: a name, a belief (nothing meaningful happens without movement), a creative principle (controlled energy) and a vocabulary. No identity, no website, no proof.
The flagship service is premium websites, so the first website had to be the argument.
02 Intervention
We treated the brand platform as physics. Every page begins in equilibrium and reveals behavior only when the visitor applies a force: the STATIC → KINETIK state is a real attribute on the document, switchable by the visitor.
Three brand objects carry the whole identity: the wordmark, one line that records direction, and a readout that reports only true values.
Services delivered
- Website
- Brand system
- Motion identity
03 Movement
The wordmark fills the fold and answers the pointer. The Vector draws with scroll and rests its head on the last full stop. Each project on the reel moves in its own way.
Built on Next.js 16 with React Server Components, self-hosted variable fonts, native scroll-driven animations and a motion layer that respects reduced motion by design.
03.01 The four statement lines and the Vector on the KINETIK homepage 
03.02 A KINETIK case study spread with the light Initial state band
04 Outcome
What moved: a brand became a system, and the system became the studio’s first proof of craft.
Performance and accessibility figures will be published here once measured on the production deployment, not before.
What moved
—
Largest Contentful Paint
metric pending
—
Lighthouse accessibility
metric pending