Contour

A visual language that scales without drifting.

Every brand with a signature look faces the same problem: the more people make work in it, the more it drifts. Contour builds the style into the tool. Line weight, perspective and how form is built are fixed; the object, the color and the motion are open. Describe an object, set the palette, and the result is always on system.

It began with an interest in bringing the language of technical illustration to life. What if a drawing could respond, move and make sound, rather than exist as a fixed image?

The result is an interactive system that transforms everyday objects into animated line illustrations. Built around real-time 3D rendering, Contour combines precise linework, playful movement, color and sound into a flexible visual language.

Beyond a collection of illustrations, the project became a creative tool, allowing new objects to be introduced, customized and animated within the same system.

Project
Studio work
Role
Creative Director, Concept, Product Design, Creative Coding, Sound
Technology & Tools
WebGL, Three.js, Web Audio
Year
2026
The line

Every object is built as a real 3D model and traced as it moves, so the line stays sharp at any size. Outlines carry the drawing and inner details sit back at a lighter weight; point at an object and its parts are named, like a technical plate.

The sound

Each object carries its own sound, built from tones and noise the moment it plays: a radio tuning through static, a record dropping, a sneaker coming apart, a can popping, a bell. Nothing is a recording.

The tool

Pick an object, describe a new one, trace a photo or import a 3D model, then set the line, colour, labels and motion, and export a loop with its sound, a still, or a web embed.

Surface

The model’s surfaces, read as colour.

Depth

How far each point sits from the eye.

Line

Edges traced from both, in one line.

Running live. Move into the frame to try it yourself.
Radio
Jukebox
Court sneaker
Cat
Books
Office chair
Soda can
Alarm clock
Alarm clock

Sixty ticks and a second hand: every minute mark, the inner ring and the alarm hand, all modeled rather than drawn on.

Court sneaker

Toe box and overlays: perforations, the stitch line and the toe overlay, built on the shoe’s own surface.

Sixteen second loop for social
Cream#F4EEDB
Pink#F5C9EE
Mint#CDF5EA
Lime#DEF47A
Peach#F7DEC8
Lilac#DDD8FA
Sky#CFE5F7
Stone#E2E3E0
Ink#1B1B1A
Next in the Lab Loop Frame