---
title: "STUDIO ATELIER: Built with ProductOS | ProductOS"
description: "Studio Atelier is a London interior architecture and design practice, crafting spaces of quiet luxury. Its site scrubs a 193-frame AI interiors film through a p"
url: https://productos.dev/showcase/atelier
---

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

Customer story · Design studio Design surface

STUDIO ATELIER

# Quiet-luxury interior architecture, told through a scroll film

Studio Atelier is a London interior architecture and design practice, crafting spaces of quiet luxury. Its site scrubs a 193-frame AI interiors film through a pinned hero, then unfolds into an editorial portfolio with restrained serif type and generous whitespace. Customer-built on ProductOS.

[View live ](https://atelier-dl7u.vercel.app/)

STUDIO ATELIER · Live project

## How it was built

- Built by the customer on the ProductOS Design surface
- 193-frame AI interiors film scrubbed through the pinned hero
- Progressive streaming; preloader gates on the first 24 frames only
- Editorial portfolio system, serif type, hairline rules, whitespace
- Published from ProductOS, repo, deploy, and domain handled by the platform

## Stack

Next.js 15 Tailwind CSS GSAP Lenis AI media pipeline

## Built on

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

193

scroll-scrubbed film frames

24

frames before the preloader lifts

1

prompt to a studio-grade site

## Build something like STUDIO ATELIER

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)