Potto AI

712 of 1,594 in Videos

PreviousNext
Archival CRT clip, drifting web posts and a glossy red 3D button by notdwd
Length & ratio
  • 0:55
  • 16:9
Made with
  • SVG
  • three.js
  • WebGL
  • HTML
  • FFmpeg

Prompt

<inputs> Ask me for: a brand name, its logo (SVG or high-res PNG), one line of what it becomes in 5 years (not today's features), one coined word the film should teach (e.g. "signal"), a public-domain archival clip of the old way of doing it (http://archive.org Prelinger), an archived web page from ~2000 where people asked for things (Wayback Machine), a royalty-free song ~100-120 BPM with a real drop (Mixkit, free for commercial use), and a free ElevenLabs key for the narrator (premade voices only). </inputs> <direction> An a16z x Content Rewards brand film, ~55s. It sells one feeling and one idea, never features. Real archival and real web pages, never stock footage, never product screens, never fake UI. One hero object: a 3D button with the logo embossed into it, the ONLY saturated colour in the film. Everything else white, silver, cream and archival black. Small white captions that light up word by word on the narrator's timestamps. Film texture: fresh grain every frame, halation on bright edges, soft vignette, warm lifted blacks. The brand appears at the end, never before. Banned: stock footage, dashboards, chat UIs, feature tours, cards without real profile pictures, wobbly "worm" graph lines, random glitches, any hold longer than 1.5s, purple, rainbow gradients, orange on anything but the button. </direction> <structure> Cold open (0-8s): the archival clip plays on a glowing old CRT TV with its real dialogue, captions word by word. The past (8-17s): push into the real 2000 web page, a cursor lands on one real "wanted" post, old pages strobe one per frame, a counter ticks EVERY frame up to today's scale. Narrator: "People have always asked the internet for what they need." / "Today, there are five hundred million posts a day." Bridge (17-30s): a galaxy of real old asks. One ask snaps to a white outline with a chip of the coined word ("We call that a signal."). Archival of people doing it by hand on the TV. Cut on each word: "Door by door. Call by call. Scroll by scroll." The narrator never stops talking between acts. Button (30s): the button rises out of black, rim light first, colourless. "[Brand] finds the signals." A flat grey line: "this is how you find customers by hand". Hard cut to a button macro, the colour comes alive, the music drop lands on this exact frame. "and this... is with [Brand]": a steep lit curve, counters changing every frame, a glowing sine with a comet head the camera chases, then platform strikes (X, Reddit, LinkedIn, YouTube, Instagram, TikTok) each with its own counter, then the galaxy again with glowing platform logos: "Every signal on the internet." Hyperspace. End: the tagline word by word, then "[Brand] is live.", ONE cream frame on the kick, then logo + URL in silence. </structure> <build> 1. One HTML file, 1920x1080. Everything is computed from time inside seek(t): no CSS transitions, no timers, no Math.random (seeded hash), no state between frames. 2. Button: three.js MeshPhysicalMaterial (clearcoat 1, roughness ~0.4), ACES filmic, cool + warm rim spots, room env map. Emboss the real logo by displacing a dense disc with a blurred mask of the logo, folded into the rim so corners don't show. Brushed-metal base. 3. Counters: linear on the film's global clock, so they keep running through cutaways. Tabular numerals, fixed unit label. 4. Captions: <=7 words, one idea per shot, hand-placed line breaks, one text layer on screen at a time. Grey to white over 0.2s on the word timestamps (ElevenLabs /with-timestamps). 5. Glitch = 1-2 frames, only on a real cut, always with a click. Readable things stay on screen >= 8 clean frames. 6. Render with Playwright per frame (Chromium with --use-angle=swiftshader so WebGL renders headless), finish in numpy: fresh grain per frame, halation, vignette ~0.65x at the corners, 1px chroma fringe with EDGE-CLAMPED shifts. Pipe PNGs into ffmpeg, h264, 24fps. 7. Mix: narrator 10-15dB over the music, duck -18dB while speaking, hits on the exact action frame, -14 LUFS. </build> <gotchas> np.roll wraps pixels and draws coloured lines on the frame edges, so clamp instead. A 10-pattern grain bank loops visibly, generate fresh grain every frame. Measure text only after fonts load or the widths are wrong. Headless Chromium with --disable-gpu renders WebGL blank. Counters that step every 3 frames look fake. If the narrator goes quiet between acts the film feels broken, so write a bridge line for every act change. </gotchas> <start> Ask me for the inputs, then show me the script with timings and 6 stills (cold open, past, bridge, button reveal, macro on the drop, end card) before you render the full film. After every render, send me one 2fps contact sheet and fix what I call trash. </start>

More videos like this

View all

Choose Your Plan

One balance of credits for AI videos and AI images. Subscribe monthly or yearly, or buy a credit pack once.

  • Lite

    $20/month

    Billed monthly

    Choose Lite

    Images per month at HD

    Learn more
    Nano Banana Pro44 images
    Nano Banana86 images

    Videos per month

    30-second product demo13 videos
    60-second explainer5 videos
    • 2,000 credits per month
    • Up to 86 fast images
    • Standard queue
    • No added Potto watermark
    • Batch processing with AI tools
    • Not listed in public galleries
  • Pro

    $50/month

    Billed monthly

    Choose Pro

    Images per month at HD

    Learn more
    Nano Banana Pro111 images
    Nano Banana217 images

    Videos per month

    30-second product demo33 videos
    60-second explainer13 videos
    • 5,000 credits per month
    • Up to 217 fast images
    • Priority queue
    • No added Potto watermark
    • Batch processing with AI tools
    • Not listed in public galleries
  • Recommended

    Max

    $100/month

    Billed monthly

    Choose Max

    Images per month at HD

    Learn more
    Nano Banana Pro333 images
    Nano Banana652 images

    Videos per month

    30-second product demo100 videos
    60-second explainer40 videos
    • 15,000 credits per month
    • Up to 652 fast images
    • Highest priority queue
    • No added Potto watermark
    • Batch processing with AI tools
    • Not listed in public galleries

Videos use credits when you export, and starting one needs a balance that covers its export. Counts assume a 30-second product demo and a 60-second explainer with narration and 3 illustrations.

Archival CRT clip, drifting web posts and a glossy red 3D button FAQ

How Archival CRT clip, drifting web posts and a glossy red 3D button was made, what its prompt says, and how to make Visual System videos like it with Potto.

  1. What is Archival CRT clip, drifting web posts and a glossy red 3D button?

    Archival CRT clip, drifting web posts and a glossy red 3D button is a motion graphics video by notdwd in the Visual System collection. A 55-second visual piece combining archival CRT footage, drifting web posts, and a glossy red 3D button.

  2. How was Archival CRT clip, drifting web posts and a glossy red 3D button made?

    Archival CRT clip, drifting web posts and a glossy red 3D button was made with SVG, three.js, WebGL, HTML, and FFmpeg. It is part of the Visual System collection of AI motion graphics videos on Potto.

  3. Is the prompt for Archival CRT clip, drifting web posts and a glossy red 3D button available?

    Yes. The full prompt behind Archival CRT clip, drifting web posts and a glossy red 3D button is on this page. Copy it, or click Use this prompt to open it in the Potto workspace.

  4. How long is Archival CRT clip, drifting web posts and a glossy red 3D button, and what is its aspect ratio?

    Archival CRT clip, drifting web posts and a glossy red 3D button runs 0:55 in a 16:9 frame.

  5. Can I make Visual System videos like Archival CRT clip, drifting web posts and a glossy red 3D button with Potto?

    Yes. Click Use this prompt to load the prompt behind Archival CRT clip, drifting web posts and a glossy red 3D button into the Potto workspace. Potto renders its own version, and you can change the text and style before you export.

  6. Where can I watch the original Archival CRT clip, drifting web posts and a glossy red 3D button?

    Archival CRT clip, drifting web posts and a glossy red 3D button was first posted by its creator. Click View original to open that post in a new tab.

  7. Where can I find more Visual System videos like Archival CRT clip, drifting web posts and a glossy red 3D button?

    Browse the Visual System collection on Potto: 480 videos, each with its prompt, specs and source.