---
title: "HALO: Built with ProductOS | ProductOS"
description: "HALO One is a health-first titanium smartwatch. Its 400vh hero rotates the watch through an AI-generated film while annotation cards, titanium case, sapphire cr"
url: https://productos.dev/showcase/halo-watch
---

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

Product launch Design surface

HALO

# A smartwatch dissection page in the Apple design language

HALO One is a health-first titanium smartwatch. Its 400vh hero rotates the watch through an AI-generated film while annotation cards, titanium case, sapphire crystal, sensor array, 7-day battery, appear at precise scroll thresholds. Spec counters animate on view, a neumorphic-dark bento grid carries a live ECG strip, and a finish picker crossfades between three colorways.

[View live ](https://halo-nlpx.vercel.app/) [Use as a template →](https://design.productos.dev/templates)

HALO · Live project

## How it was built

- Apple DESIGN.md system adapted: white space, thin display type, cinematic dark
- Hero film: macro titanium rotation via the ProductOS media pipeline
- Annotation-card thresholds from the 3D-scroll skill pack pattern
- Inview count-ups, bento ECG animation, layoutId finish selection
- Deployed to Vercel from the productos-agents org

## Stack

Next.js 15 Tailwind v4 GSAP Framer Motion AI media pipeline

## Built on

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

4

scroll-triggered annotation cards

400vh

pinned dissection hero

7-day

battery, and the page proves it

## Build something like HALO

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)