A cinematic athletic-brand launch site, from one prompt to deployed

Name: ProductOS
Author: ProductOS

AETHER is a performance running brand. Its launch page opens on a pinned, scroll-scrubbed hero: an AI-generated campaign film, extracted to a 24fps frame sequence by the ProductOS media pipeline and drawn to canvas with GSAP ScrollTrigger. Three headline acts crossfade as the film scrubs, editorial athletic language, generated.

View live Use as a template →

aether.product-os.app

How it was built

Brand direction + copy synthesized against the Nike DESIGN.md analysis
Hero film generated by the ProductOS media pipeline, still → image-to-video
video-to-frames pipeline: ffmpeg → 1920px JPEG sequence on S3
GSAP ScrollTrigger canvas scrub across a pinned 300vh hero
Deployed to Vercel from the productos-agents org

Stack

Next.js 15Tailwind v4GSAPAI media pipelineFrame engine

Built on

ProductOS Design surface

300vh

pinned cinematic hero

24fps

scroll-scrubbed frame sequence

prompt to production

Build something like AETHER

Give the agents a brief. Get a deployed product. Every project in the showcase started as a single prompt.

Start building Back to Showcase