This site uses cookies

Some keep the store working, like sign-in. Meta's pixel helps us measure our ads, and it stays off unless you accept. Cookie policy

Launch price: Lifetime is $229 for every kit and every block until Sun, Nov 15, 11:59 PM PT. Then it's $249.Get Lifetime

LM-50SaaS & apps

Favilla

An AI assistant's landing page as Michelangelo's two hands, reaching for a spark you can touch, live in 3D.

The live preview runs real 3D in your browser, so on this device it can take longer to appear and scroll less smoothly. The video above shows the full site.

A complete landing page for an AI product, told as The Creation of Adam. Two marble hands reach for a vermilion spark that never stops turning, and the visitor plays the gap between them: move to guide the spark, click or press Space to make contact, hold to charge it and let go, drag to spin it. Every contact throws electric arcs, a shockwave and a few flying words off the spark. The scroll re-frames the one live scene for each chapter: a hero that reads out the spark's turn and the gap like a plate caption, a pinned chapter where scrolling closes the distance between the fingertips until the spark jumps, a study where visitors cast the spark, the hands and the light in their own finish and save a still, six openings that start a conversation in your product with the prompt written, a chapter where the whole scene turns to fresco, plaster cracks and all, an FAQ that becomes a dialogue with the spark, and a finale where a visitor's question flies letter by letter into the glow. Lapis, gold leaf and parchment, set in Garamond with small caps and Roman numerals. Every sound is synthesized in the browser. One setting points every link at your product; without it the page runs as a template. For AI assistants, chat and writing tools, research products and any software that should feel like a moment, not a feature list.

How it's made

  1. One gesture

    The page borrows one thing from the Sistine ceiling: two hands that almost touch. The fingers never meet, in the fresco or here, and every chapter is about the gap between them.

  2. Hands that move like hands

    Two rigged hand models, posed in code: fingers curl as a unit the way tendons pull them, three poses blend into each other, and each arm is solved with two-bone IK so the index finger always finds the spark.

  3. Marble, bronze and plaster

    One custom shader carries veins, a cool rim light and light that runs up the veins on contact. A single shadow-casting key light lets the fingers shade one another, which is most of what makes the hands read as stone.

  4. A spark you can touch

    The mark is an heraldic estoile drawn by a script, extruded and bevelled in 3D, in a halo of tens of thousands of GPU motes that spiral in, part round the cursor and blow outward on contact, but never cross the spark.

  5. One scene, seven framings

    Each chapter names a framing (where the spark sits, zoom, tilt, how far the hands reach, how much of it is fresco) and the scroll blends between them. Everything moves on springs stepped at 240 Hz, so it feels the same at any frame rate.

  6. A fresco on demand

    In the After Michelangelo chapter a shader lays plaster on a day's patch at a time, spreading out from the spark, with craquelure and a pigment palette running through the whole picture.

  7. Sound made live

    A drone that climbs as you charge, crackle when the arcs jump, a boom on contact, a chord on overload and a whoosh between chapters, all synthesized with the Web Audio API. Visitors choose sound or silence at the gate.

In this kit

  • src/

    Full source. The complete site as its own project, ready to run.

  • public/

    Media and assets. The images, clips, textures and icons the page loads.

  • scripts/

  • index.html

  • package.json

  • package-lock.json

  • vite.config.js

  • .env.example

  • README.md

    Start here. What's inside and how to run it.

  • HOW-IT-WAS-MADE.md

    How it was made. The build step by step, and a recipe to make your own.

  • ADAPT.md

    Adaptation prompt. Fits the kit to your client's brand in an AI builder.

  • RESKIN.md

    Re-skin guide. Colors, type, copy and media, changed file by file.

  • PROVENANCE.md

    Provenance. Where every model, texture and image came from.

  • THIRD_PARTY.md

    Open-source credits. Every library and font inside, with its license.

  • LICENSE.md

    Commercial license. Unlimited client projects, one person per license, no resale.

See a real zip, opened

Specs

Stack
Vite 8.3 · three.js 0.171 · Plain JavaScript modules · GLSL shaders (marble / nebula / fresco) · GPU particles · Two-bone IK hands · HDR bloom · Web Audio synthesis · Self-hosted font (EB Garamond)
File size
0.5 MB
Triangles
58,650
Browser
Needs WebGL: current Chrome, Edge, Firefox and Safari on desktop and phones. Pixel ratio is capped (2 desktop, 1.75 touch) with 4x multisampling (2x on touch) and fewer motes on touch screens. On a tall screen the hands come from above and below; taps, holds and drags work as clicks do. Without WebGL the page shows a one-line note; there is no still fallback. Reduced motion slows everything down and Pause stops it. Tested in headless Chromium with software rendering at 1440 x 900 and 390 x 844: no errors, no failed requests, no sideways scroll. Not yet tested on a real GPU, in Safari or Firefox, or on real phones.
Released
Nov 2026
Version
1.0.0

From download to client site

  1. Buy it, or get it with a plan

    Buy this kit on its own, or get every kit in the collection with a plan.

  2. Download the zip

    It shows up in your library as soon as payment goes through. Up to 10 downloads a day, and each link works for 10 minutes.

  3. Run it

    Unzip it, run npm install, then npm run dev to open the site on your machine. You need Node.js 20 or newer. The README says how to build it for any host.

    npm install && npm run dev

  4. Make it your client's

    Hand ADAPT.md to your AI builder (Claude, ChatGPT or Cursor) with the client's brief, or follow RESKIN.md to change colors, type, copy and media by hand. HOW-IT-WAS-MADE.md shows how to build their product the same way.

Unlimited client projects, one person per license, no resale. Read the license

Design, copy, motion, scene and code are original, by Designed by Parallel, LLC, after the gesture of Michelangelo's The Creation of Adam (public domain); no image of the fresco is used. The mark is an heraldic estoile drawn in code for this kit, and Favilla is a placeholder brand name with no trademark search, so rename it for your client. The hands are the generic models from WebXR Input Profiles under the MIT licence, unmodified, with the licence beside them. The font is self-hosted under the SIL Open Font License. Every sound is synthesized. Written with an AI coding assistant (Claude Code) under Parallel's direction. No real people, no photos, no video, no AI-generated media.

Buy LM-50 Favilla

Single kit

Price: $49once

By buying you agree to the Terms and License.

Included with Annual and Lifetime.

Or every kit for life, $229.

Launch price until Sun, Nov 15. Then $249.