---
title: "VALENCE: Built with ProductOS | ProductOS"
description: "Valence Architects is a minimalist architecture studio, and its site inverts the usual scroll-film pattern. A fixed full-screen 193-frame AI film plays continuo"
url: https://productos.dev/showcase/valence
---

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

Customer story · Architecture studio Design surface

VALENCE

# An architecture studio whose film never stops moving

Valence Architects is a minimalist architecture studio, and its site inverts the usual scroll-film pattern. A fixed full-screen 193-frame AI film plays continuously behind the page as a 30fps autoplay loop, not a scrub, while the content slides over it on scroll. GSAP choreography over restrained studio typography, built by the customer on ProductOS.

[View live ](https://valence-lfu2.vercel.app/)

VALENCE · Live project

## How it was built

- Built by the customer on the ProductOS Design surface
- Fixed full-screen 193-frame AI film looping at 30fps behind the content
- Content layer slides over the film on scroll, autoplay, not scrub
- GSAP choreography over a minimalist studio system
- Published from ProductOS, repo, deploy, and domain handled by the platform

## Stack

Next.js 15 Tailwind CSS GSAP AI media pipeline

## Built on

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

30fps

autoplay film loop, no scrubbing

193

AI-generated film frames

1

fixed film, content slides over it

## Build something like VALENCE

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)