---
Site: HALDEN (halden.example.com), a fictional motion-design studio portfolio (theme flip on scroll, scroll stack of drawn project frames, slot-morph reel, assembling panel). Single page, English.
Media: 4 photographs generated for this prompt at 2K (Higgsfield Soul 2.0 (soul_2)); all vector art is drawn in SVG/CSS inside the code. No video.
Fonts: Syne, Manrope and Space Mono, all from Google Fonts.
Compatible with: Claude, Cursor, Lovable, v0 (React 19 + TypeScript + Vite + Framer Motion 12, plain CSS).
Demo identity: brand, prices, figures, studios and any data are illustrative. Keep the concept-site line in the footer. Contacts use example.com; no form sends anything: submissions only become a local draft on screen. Keep the header comments of the components and the licences of the dependencies.
Text: all visible copy lives in src/content.ts; to translate, change only that file and index.html.
---

# HALDEN — motion-design studio portfolio, a page that flips theme like a cut

**What it is.** The portfolio of Halden, a fictional motion-design studio (title sequences, product films, exhibition screens). Single page, English. Studio, people, clients, projects and quotes are fictional; the footer says so.

**Why it exists as a product.** Sold as a prompt whose selling point is motion. A motion studio's site has to move like its work: the signature is the **theme flip**: the page flips from dark to light as you scroll past the hero, like a cut to a new scene, and flips bac