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 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.
- Home/17-kaon-studio/
- Work/17-kaon-studio/work/
- Motion Lab/17-kaon-studio/lab/
- About/17-kaon-studio/about/
- Contact/17-kaon-studio/contact/
Related services
How this translates to your project.
- Read the service02Content and messaging
Content and Messaging
Make the offer easier to understand.
- Read the service04Lightweight websites
Lightweight Modern Websites
Keep focused websites fast, simple, and clear.
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.
More examples
Other websites in this collection.
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


