Design Laboratory

Concept Gallery.

40+ prototypes exploring spatial design, lighting, and content paradigms for the Alt Shift Lab website. Each one is interactive — move your cursor to experience the space.

Round 1 — Lighting & Space

The Darkroom

A desk lamp illuminates a workspace. Cursor carries a torch.

Orbital Space

Objects float at different depths. Mouse shifts the viewing angle.

The Stage

Spotlight from above, footlights from below. Competing light sources.

Round 2 — Breaking the Rectangle

No Containers

Content grouped by pools of light, not borders. Text floats freely.

Gravity Clusters

Individual elements float and attract each other. Cursor attracts them.

Smoke Reveal

Content hidden behind fog. Cursor parts the smoke to reveal it.

Constellation

Content as a network graph. Nodes and connections, not pages and sections.

Round 3 — Living Systems

Primordial Soup

Particles float in chaos. Cursor catalyzes crystallization around content.

Living Dust

A field of drifting dust. Cursor parts it; content attracts orbiting halos.

Magnetic Topography

Content nodes generate force fields. Particles trace field lines. Cursor bends the streams.

Tide Pools

Bioluminescent particles flow between pools. Cursor controls the tide to reveal content.

Round 4 — Perception & Attention

Sonar

Pitch black. Cursor emits pings that reveal content as expanding rings of light.

Peripheral Vision

Only content at your cursor is sharp. Everything else blurs like real human vision.

Attention Budget

Finite light energy. What you focus on brightens; everything else must dim. Zero-sum.

Round 5 — Time & Memory

Archaeology

Content buried under sediment. Dwell to excavate. Leave and the earth reclaims.

Memory Decay

Everything fades over time. Your cursor refreshes what it touches. A map of your attention.

Redaction

Classified document. Your cursor has clearance — approach to declassify.

Round 6 — Biology & Growth

Mycelium Network

Content nodes connected underground. Hover to see signals propagate through the fungal web.

Round 7 — Signal & Noise

Radio Tuning

Content on different frequencies. Move cursor left-right to tune in. Static between channels.

Entropy

Page starts ordered, then letters scatter into chaos. Cursor restores order locally.

Round 8 — Spatial & Architectural

Gravitational Lensing

Cursor warps spacetime. Content bends, magnifies, and distorts around your gravity well.

Round 9 — Site Structure

Split World

Two worlds on one page. Drag the diagonal divider to shift between Lab and Practice. A crack reveals a third zone.

Split Layers v2

One page, two layers. Drag the veil between Surface and Substrate. Blue ink headings, amber annotations on grey.

Split Layers v3

Same layered page with an ozone hole that erodes from top-center, revealing AI Cinema behind the surface.

Round 10 — Collage Worlds

Collage: Studio

Dark cinematic base. Cut-out fragments, bold type at angles, teal colour blocks drift with cursor parallax. A director's mood board.

Collage: Lab

Blueprint sketchbook base. Index cards pinned at angles, amber tape strips, blueprint corners, amber annotations. Organized workshop chaos.

Collage: Cinema

Deep purple world. Fragments drift, dissolve, and glitch. Canvas particle system beneath. The world behind the wall.

Round 11 — Landing Experience

Wallpaper Peel

Studio is the wallpaper — deep black, ambient light, cursor torch, borderless content. Peel from top-right to reveal the Lab workshop underneath. Graph paper, Tipp-Ex, handwritten ink, stamp logo.