Foldable Phone Portfolio Portfolio
Built for Teo Calder, the sample brand inside the template
A photographer's whole portfolio told on a real 3D foldable phone: it unfolds from a lock screen, runs the portfolio on its screen as you scroll, and folds shut into a ringing call.
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 pale paper with 'TEO' and 'CALDER' in huge Barlow Semi Condensed either side of a closed foldable, modelled in Blender, its lock screen showing 14:32, the role, the portrait and two notifications. Scrolling an 1100vh section blurs the name away, swings the left half round the hinge and grows the tablet; its screen then runs the portfolio with the scroll: the landing (name, one line, two buttons, the portrait), ten years in numbers, 'Selected work' and six project cards (picture beside a colour field with a huge number), services, clients and a brief bar, under a fixed nav pill. It shrinks and folds shut into an incoming call with a slide-to-talk email link, and the name returns. A Basic / Glow / Orbit backdrop switch and four frame finishes (titanium, graphite, coral, sage) sit in the chrome. Every screen is real HTML laid over the model when flat and painted into its textures while it moves. On a phone the name stacks and the device turns upright as it opens.
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 photographer's whole portfolio, told on the screen of a real 3D foldable phone. The first screen is the person's name, huge and split in two, with the closed phone standing between the halves, showing a lock screen: the time, the role, the portrait and two notifications. As you scroll, the name blurs away and the phone unfolds about its hinge into a tablet, which grows to nearly fill the window. Its screen is the portfolio, and the scroll now runs it: the landing (name, one line, two buttons, the portrait), ten years in numbers, "Selected work" and six project cards (a picture on one page, a colour field with a huge number and the title on the other), what the person does, who they have worked for, and a call for briefs. A nav pill stays at the foot of the screen. At the end the tablet shrinks and folds shut again, and the closed phone is ringing: "Incoming call about your next project", the person's photo, a "slide to talk" control that opens an email, and the name returns either side.
- What it is
- Style
- Build steps
- Assets
- Motion
- Make it yours
- Launch checklist
- Acceptance checks
