Web System
NODAL
A quiet landing page for a data studio where every stone exists twice — raw and alive: a cursor lens reveals the living stone, a switch floods it, and a scroll wipe brings it to life.
About
What you are rebuilding
A typographic site for a data studio where every stone exists twice: raw and alive. A cursor lens reveals the living stone, a switch floods it, a scroll wipe brings it to life, and case cards grow it from the point you enter.
Rebuild test
Rebuilt 1:1 from this prompt
What's inside
- Live demo
- Agent prompt for Claude Code and Codex (Vite + TypeScript, no libraries)
- Framer Agent prompt with six code components (header, hero lens + switch, method scroll wipe, section titles, case cards, closing stone)
- Framer Remix built from native layers, with four agent skills
- Visual kit: four raw/living stone pairs (WebP + JPG stills, WebM + MP4 loops, posters)
Pro
Prompts
Get the prompt for your tool


Claude Code · Codex
Agent prompt
Rebuilds the site in code with the same sections, motion and media. Open an empty folder, start Claude Code or Codex and paste the prompt.

Framer Agent
Framer prompt
Places our ready-made code components on a native Framer page, so every section looks and moves exactly like the demo. Open a new Framer project, start Framer Agent and paste the prompt.

Framer Remix
Framer project
The finished site as your own Framer project — every breakpoint, motion and media already inside. One click copies it into your workspace; edit it on the canvas and publish. Unlimited sites for you and your clients.
