VZN·STUDIO

Experimental · The Lab

VZN LAB

Every discipline at this studio owns a colour. This one owns #ff2e88 — the room where nothing has to be safe, approved or shippable. Prototypes, type experiments, drawing engines. Things made to find out what happens.

Five live experiments Vanilla JS · no libraries Colour #ff2e88
Built live·Nothing precious· View source·Break it· Built live·Nothing precious· View source·Break it·
You found the lab. Seven clicks on the mark. Welcome to the back room.
01–05

The experiments

Read this first, because it matters. There are no case studies on this page and no screenshots pretending to be finished projects. Everything below is drawn live in your browser right now — canvas, SVG and CSS, running on your machine.

If you want the real, paid, shipped work, that lives on the work page. This page is the sketchbook.

LAB 01

Kinetic type

Intent: make a headline aware of you — every letter reads the distance to your cursor and answers with weight, lift and colour. On touch, it rides the scroll instead.

DESIGN THAT PLAYS TO WIN

Move your cursor across the headline · scroll on touch

LAB 02

Poster engine

Intent: a sports poster that composes itself. Every press seeds a new layout from the discipline palette — arcs, halftone, a cropped numeral, a word.

Save PNG seed —
LAB 03

Colour system explorer

Intent: prove that the "colourful chaos" is a system. Pick a discipline — the whole tile re-themes, and the tint ramp is calculated live from the one hex value.

—
Hex — Pairs with — Ramp calculated, not picked

Where this colour works in the studio

    LAB 04

    Drag physics

    Intent: the founder is a point guard, so the lab needed a ball. Grab it, throw it, watch it settle — gravity, restitution and friction in about forty lines.

    Drag it. Throw it.
    LAB 05

    Type scale study

    Intent: editorial sizing is arithmetic, not taste. Set a base and a ratio, drop the baseline grid on top, and watch a whole hierarchy fall out of two numbers.

    The scale renders once scripting is available.

    Nothing here is for sale. It exists because experimenting on my own time is how the paid work stays sharp — the poster engine is really a lesson in composition, and the colour explorer is the actual logic behind every card on this site.

    Enough playing

    Your move.

    If the experiments made you think about what your brand could look like when someone actually cares — that's the whole point. Tell me what you're building.

    Start a project → See the real work