Record Sleeve Portfolio Portfolio
Built for Ida Brandt, the sample brand inside the template
A record sleeve designer's portfolio whose work stands in a real-time 3D ring of 31 sleeves: spin it, filter and re-sort it, and pull one out to open its project page.
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
The first screen is a ring of 31 record sleeves on warm white, right of "Ida Brandt" and one small line; it drifts, turns with the pointer or the scroll and coasts, and stops under the cursor so a sleeve can be lifted. Filter chips sink the other sleeves and close the ring around the rest; Colour re-sorts it by the covers' colours. A click pulls a sleeve out of the ring and flies it flat onto its project sheet, where the record slides out from behind it beside the story and a spec table; Put it back flies it home. Below, a pinned dark tray runs every sleeve through the years by scroll or play; four case photos open up as they scroll in; the labels stand as huge names that smear with scroll speed and show a cover beside the cursor; and the close is a turntable from above whose record turns, speeds with the scroll and can be dragged, under one question and one button. All copy and the list of work sit in one content file, the palette in one theme file.
What you get
- A tested build prompt · 13.9k 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 portfolio for a record sleeve designer (the sample is Ida Brandt, Copenhagen), in the format of a designer's 3D project carousel: a light warm-white ground, one grotesk, the work as the only picture. The work stands in a real-time 3D ring of 31 record sleeves, built in three.js: drag or scroll and the ring turns, hover lifts a sleeve, click one and it is pulled out of the ring and flies flat onto its project page, where the record slides out of the sleeve.
- What it is
- Style collection
- Build steps
- Assets
- Motion
- Make it yours
- Launch checklist
- Acceptance checks