Skip to content

Creative studio

KAON

A motion and kinetic type studio site where the site is the reel: poster-scale type, kinetic rise-in headlines, a spinning asterisk, and the work up front.

Demo build
/17-kaon-studio/
Orivian contribution
Full website built from zero — self-initiated, no client commission.
Site audience
Creative directors commissioning motion and kinetic type work
Pages
5 pages in the build
The KAON homepage: oversized condensed type reading "Type that eats the screen." on a near-black poster layout.
Demo build · /17-kaon-studio/ · captured September 2026

The context

What this website is for.

A motion and kinetic type studio whose portfolio is motion itself — still images cannot prove what this studio sells.

The audience is creative directors judging taste and execution in the first three seconds. The page has to perform, not describe.

What the site has to do

  • Demonstrate motion in the browser instead of describing it in copy.
  • Get the work in front of a creative director immediately.
  • Show range through the lab without diluting the studio voice.
  • Stay loud while keeping navigation and contact one glance away.

Scope

What the build covered.

Structure, content, design, and build for the whole site — the parts a visitor can see and use.

  • Kinetic type homepage
  • Work index
  • Motion lab page
  • About and contact pages
  • Poster-scale display type system
  • Animation layer honoring reduced motion

Inside the demo

Follow the structure yourself.

Every page below is public. The quickest way to judge this work is to open the paths and read them on your phone.

Open the demo

Related services

How this translates to your project.

These are self-initiated demo builds. No client commissioned them; brands are fictional or fictionalized, and prices, hours, and metrics inside the demos are labeled indicative.

Planning a clearer, more useful website?

Describe what you are building and what needs to be clearer. The conversation starts with the problem, not with a package.

Remote · Direct · No pressure to choose the biggest package