Design Lab · Hero Experiments

The first screen, alive.

Twenty-five immersive hero studies—landing-ready heroes, cosmic forces, living materials, and light shaped into geometry. Move, tune, pause, and disturb every field.

25 experiments · Canvas 2D + WebGL + SVG · touch-safe · self-contained

Landing Heroes

nav · headline · CTA · motion that tells the story

14DOM

Typeset

The headline noun is reset letter by letter. Old type falls away and the page URL types itself out.

open experiment →
15CSS 3D

Paper Stack

A tilting stack of files. Each top page lifts off and becomes a share link.

open experiment →
16Canvas 2D

File to Link

2,200 particles spell a filename, scatter, then re-form as its live URL in amber.

open experiment →
17Canvas 2D

Sundown

An ordered-dither dune horizon. Move the pointer to set the sun and the clock.

open experiment →
18DOM

Receipt

A printer feeds out a receipt line by line for every publish, ending in the share link.

open experiment →
LIVE
19DOM

Departures

A split-flap board flips files through their gates: private, unlisted, public.

open experiment →
makeopen.tonight
20DOM

Magnets

The headline is a set of fridge magnets. Drag the words around; they tidy back into the sentence.

open experiment →
21DOM

Redacted

A memo whose black bars lift depending on who is reading: link holder, Space member, or owner.

open experiment →
22Canvas 2D

Lighthouse

A dark harbour of unaddressed files. Sweep the beam and each one answers with its link.

open experiment →
23SVG

Blueprint

A drafting sheet draws itself line by line, dimensions the page, then signs off at a live address.

open experiment →
24Canvas 2D

Reach

A real wave equation on a grid. Publish once and watch the front actually arrive at nine readers.

open experiment →
25Canvas 2D

Aurora Type

One flowing colour field, cut to the shape of the sentence. The words are the window.

open experiment →

Cosmic Forces

gravity · crystal · plasma

Living Materials

fluid · thread · glass

Light & Geometry

phase · folds · perspective