Image Ribbon Portfolio
Built for Aldervane, the sample brand inside the template
A digital agency's one-page portfolio where a 3D ribbon of rounded picture slats twists across the top of the page above a giant edge-to-edge wordmark.
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.
How it moves
A pale paper page with a centred mono nav, a small 'Start a project' card top-right and the agency's name in giant condensed capitals along the bottom edge. Across the top a 3D ribbon of tall rounded slats snakes from the left edge down to the right, each slat carrying a slice of one long strip of pictures that slides along it while the band twists; the cursor and the scroll turn the twist. Below, six typewriter-mono services are staggered left and right: hover one and a black bar sweeps in from both sides, the name scrambles into place and a small picture trails the pointer. A dark pinned scene turns rounded picture cards around a vertical axis as you scroll, under a giant 'Discover' and a thin cursor ring. The close is one scene: a second ribbon over 'Let's make it' and one button.
What you get
- A tested build prompt · 9.1k wordsPaste it into Claude Code, Cursor, Codex or Lovable and it builds the landing page section by section.
- The working projectVite + React.
npm install && npm run devand 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 one-page site for a digital creative agency, in four scenes. Hero: a pale page with a centred mono nav, a small "Start a project" card top-right and a giant condensed wordmark running edge to edge along the bottom. Across the top, the signature: a 3D ribbon of rounded picture slats snakes from the left edge down to the right, twisting as it goes, while the pictures flow along it; the cursor and the scroll turn the twist. Services: six typewriter-mono rows staggered left and right; hovering a row sweeps a black bar in from both sides, scrambles the name into place and shows a small picture that trails the pointer. Work: a dark pinned scene where rounded picture cards turn around a vertical axis as you scroll, a giant "Discover" slides in and three lines light up in turn, with a thin cursor ring. Close: a second ribbon over "Let's make it", one button and the email.
- What it is
- Style collection
- Build steps
- Assets
- Motion
- Make it yours
- Launch checklist
- Acceptance checks
