---
title: "AETHER: Built with ProductOS | ProductOS"
description: "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 sequen"
url: https://productos.dev/showcase/aether-running
---

[ Back to Showcase](https://productos.dev/showcase)

Brand site Design surface

AETHER

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

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 ](https://aether-jg27.vercel.app/) [Use as a template →](https://design.productos.dev/templates)

AETHER · Live project

## 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 15 Tailwind v4 GSAP AI media pipeline Frame engine

## Built on

[ProductOS Design surface ](https://design.productos.dev/)

300vh

pinned cinematic hero

24fps

scroll-scrubbed frame sequence

1

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](https://beta.productos.dev/sign-up?utm%5Fsource=productos.dev/showcase) [Back to Showcase](https://productos.dev/showcase)