Fibre-Optic Portrait Scroll-Driven

Built for Corvane, the sample brand inside the template

A scroll hero where a computer-generated portrait breaks apart into glowing fibre-optic strands, a ribbed dome and a gill-like disc as you scroll, frame by frame.

It builds, or it's free. If this prompt doesn't rebuild the site you saw in its live demo, email us within 14 days of buying for a full refund.

Fibre-Optic Portrait preview: A scroll hero where a computer-generated portrait breaks apart into glowing fibre-optic strands, a ribbed dome and a gill-like disc as you scroll, frame by frame.
Open in a new tab

How it moves

The first screen is a warm grey page with a computer-generated portrait of a fictional man in the centre, a dark pill nav over his hair, a Subscribe pill top right, a black label tag and a 59 px light Mona Sans headline with its last words in italic at the left, and two short lists down the right. Half a second after load a band of white light sweeps across his eyes, then follows the pointer. The signature is the scroll film: 595 frames drawn to a canvas across 6.2 screens of native scroll, re-timed so equal scroll gives equal change. He tilts back and turns away, his skin hardens into a white fingerprint relief, his crown breaks into cubes and hundreds of white fibre-optic strands with orange tips; the camera rides the strands as they gather into one bundle, wrap into a ribbed dome with a warm light on its face and fold into a round gill disc with a gold core. Four headlines take turns along the way, ending on an email box and Subscribe.

What you get

  • A tested build prompt · 7.1k wordsPaste it into Claude Code, Cursor, Codex or Lovable and it builds the hero section by section.
  • The working projectVite + React. npm install && npm run dev and it runs, no keys or accounts.
  • The assets and their promptsEvery image and loop, plus the exact prompts that made them, so you can make your own.

Inside the prompt

A scroll hero for Corvane, a made-up weekly letter and podcast about how minds change. A computer-generated portrait of a fictional man sits in the centre of a warm grey page, with a light pill nav above him and a small labelled headline to his left. The signature is the scroll film: as you scroll, a 24.8 second film plays frame by frame on a canvas. His head tilts back and turns away, his skin hardens into a white fingerprint relief, the back of his head breaks into cubes and hundreds of white fibre-optic strands with glowing orange tips. The camera follows the strands as they gather into one bundle, wrap into a ribbed white dome with a warm light on its face, and fold into a round gill-like disc with a glowing gold core. The opening holds still for a moment while a band of white light sweeps across his eyes. The headline changes four times along the way and ends on one action, an email box with "Subscribe". A phone visitor sees the portrait, the light crossing his eyes and the first headline within the first second, before touching anything.

  1. What it is
  2. Style collection
  3. Build steps
  4. Assets
  5. Motion
  6. Make it yours
  7. Launch checklist
  8. Acceptance checks

More like this