Teodor Vasc

Paper-rip film director portfolio

by Owais

Repo Live site

Description

Teodor Vasc is a four-page portfolio for a made-up film director working in Berlin. It is a white editorial site of giant serif words, black frames of fisheye footage and tiny chips pinned to the corners, and everything moves like paper: the loader rips in half, sheets tear up over each other between sections, and every page change rips again. The films are deadpan and a little absurd.

Use it for:

a portfolio for a film director, photographer or video maker
a creative portfolio with one strong, playful motion idea
a reference for torn paper transitions between sections and pages

Workflow

Open Claude Code
Install Claude Code, open a terminal in an empty folder and run claude. Pick Claude Opus 5.5 with the /model command.
Paste the prompt
Copy the prompt on this page and send it as your first message. Claude builds the four pages and saves Lenis in the folder.
Generate the films with Higgsfield
Connect Higgsfield to Claude Code and ask for short fisheye clips with flash and film grain of deadpan people doing one odd thing, plus cut-outs of the director and the old lady mascot. Your own footage works too.
Preview and fix
Ask Claude to start a local preview. Click through all four pages and watch the rips between them, then ask for one fix per message.
Publish on GitHub Pages
Ask Claude to push the folder to a new GitHub repository. Then open the repository's Settings, choose Pages and deploy from the main branch.

Main prompt

Build a four-page portfolio (Home, Work, Archive, About) for Teodor Vasc, a film director from Cluj with a studio in Berlin who makes commercials, music videos and fashion films.

Use plain HTML, CSS and JavaScript with Lenis smooth scroll and no build step. Every page must still work without Lenis.

Design: white paper and black ink only; all colour comes from the footage. Instrument Serif in giant uppercase for everything big, Geist Mono 11px uppercase for everything small. The only UI element is a chip: a small black box with white mono text and square corners. Chips sit in all four corners (name, menu, local time, and "booking" with a green dot) and turn white over dark sections.

Motion is paper:
- Loader: a black sheet counts to 100, then rips in half along a fibrous torn edge.
- Between sections, black and white sheets tear up over each other.
- Changing page closes the sheet and rips it open again on the next page.

Home:
1. Hero: an endless vertical column of giant short serif words with a black-framed fisheye video in the middle. Clicking the video opens a full-screen showreel.
2. Selected films: a staggered grid of black frames, each with a title chip and a client chip.
3. About: huge serif paragraphs that sharpen from a blur, beside a black and white cut-out of Teodor.
4. The studio: a tilted marquee, a photo of the studio door and how to get there.
5. Footer: the mascot, an old lady on a plastic chair.

Work: six titles slide through one black frame that plays the film in view. Archive: 14 older films as torn paper scraps whose prints develop on hover. About: a film call sheet lying on a desk.

The films are deadpan and slightly absurd, shot fisheye with flash and film grain: an old man biting a lemon, a poodle in rollers, a grandmother's slow sip. Make it work on phones and respect reduced motion.