Maquette

Build the screen like a paper diorama.

An interface language where every surface is a cut-paper plane in a lit shadow-box. Depth comes from light and layering — never from a line drawn around a box.

Walk into the scene
Three depths: far, mid, near.

The depth-stack

One mechanic carries the whole language.

A surface tells you how to treat it by how far it floats above the page. You read that distance off its cast shadow, the way you read depth in a real shadow-box. No outlines required.

Far plane

Ambient

Quiet chrome, tags and list rows rest almost flat on the cream ground, barely lifted.

Mid plane

The working surface

Cards, tables and forms hold the content, floating a clear step above the page.

Near plane

Act here

The primary button and the focused field rise highest, throwing the longest, softest shadow.

Staged, not stacked

Sections behave like scenes — a foreground, a midground, a far horizon.

Maquette treats a page the way a picture-book treats a spread: layered planes of cut paper, lit from one side, each casting a soft shadow on the one behind it. The reader wanders through depth instead of scrolling a flat grid.

A shelf of spreads

The catalogue reads like staged scenes.

Each entry carries its own little diorama, so a list of items feels like a row of dioramas on a shelf rather than a table of records.

Hollow Bridge

A footbridge folds across a river of slate-blue paper at dusk.

The Counting Orchard

Twelve cut-paper trees recede into the box, waiting to be counted.

Lantern Harbour

Paper lanterns hang on three depths above a quiet harbour wall.

Place your first scene.

Cut the planes, light them from the left, and let the shadows do the work a border used to do.

Open the studio