A smartwatch dissection page in the Apple design language

Name: ProductOS
Author: ProductOS

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 Use as a template →

halo.product-os.app

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 15Tailwind v4GSAPFramer MotionAI media pipeline

Built on

ProductOS Design surface

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 Back to Showcase