ProductOS showcase · Architecture (Astro)★ FeaturedDesign surface
SOLEN
A residential architecture studio, the first ProductOS site built on Astro
SOLEN designs homes where clean architecture meets the quality of living. Its site is the first ProductOS case study built on Astro for SEO: a pinned hero scrubs a 193-frame AI cinematic film of a hillside house at dusk, dark/light editorial sections carry a project catalog and an isometric 3D process strip, and parallax imagery moves under Lenis smooth scroll, all as static HTML with a single film island, so the content stays fully crawlable.
solen.product-os.app
How it was built
- Built on the new ProductOS Astro Studio boilerplate (static output, islands)
- Hero still → cinematic push-in film → 193-frame sequence via the AI media pipeline
- Scroll-scrubbed canvas hero with progressive frame streaming
- Editorial dark/light sections, isometric 3D render strip, parallax + Lenis
- Deployed to Vercel from the productos-agents org
193
scroll-scrubbed film frames
90%
less JS than the React equivalent (Astro)
1
deferred island, the rest is static HTML
Build something like SOLEN
Give the agents a brief. Get a deployed product. Every project in the showcase started as a single prompt.
Start building Back to Showcase