Oona Halden

What's inside

Prompts

HTML · 1017 lines / React · 1125 lines

Media

image-wall · Canvas

Hosting

cdn.orbital.supply, already in the prompt

Fonts

Hedvig Letters Serif + Hedvig Letters Sans · Google Fonts

HTML

One file, no libraries

React

React 19.3.0 · Tailwind 4.3.3 · Vite 8.3.2 · TypeScript 6.0.3

Motion

projector-loader, infinite-wall, drag-inertia, dome-projection

Tested & documented

09 October 2026

• Reproduced in Claude
• Rebuilt blind from the prompt: React and HTML
• Checked at 375, 768, 1440, 1920 px
• Spec linter: 0 errors, no generator links

How to use it

1. Claude

   Paste the HTML prompt into a new chat. You get one index.html to serve over HTTP or publish anywhere.

2. Vite + React

   Open an empty Vite + React project and paste the React prompt. It lists the exact packages; the asset URLs are already inside.

The prompt

Excerpt / 1125 lines in the full prompt

# Build: "Halden — an art director's hero" — an endless wall of surreal pictures seen through liquid glass

## 0. Brief

Oona Halden (fictional) is an art director in Oslo who builds places that don't exist yet. Her hero is one black screen filled by a wall of 24 pictures that repeats in every direction. The wall bows like a shallow dome, and all four edges of the screen behave like liquid glass: pictures passing the rims swell, ripple, trail the motion and split into colour, while the sides glow with their light. Drag, scroll or use the arrow keys to wander; the wall steps back while dragged and drifts slowly when left alone. Her name runs across the bottom as one serif line drawn inside the same glass, so its first and last letters turn liquid at the edges. A Wall / Index switch sends every picture flying into one scrolling column with a typographic index beside it. It opens with a slide-projector loader: the pictures flick through one fixed frame and land on the picture at the centre of the wall, then the camera pulls back and the wall unfolds around it.

The full prompt unlocks at launch.