Don't start from
a blank page.

Mainspring is the brand site for an AI-automation agency that designs, builds, and operates custom agents for operations teams, order-to-cash, prior-auth, support triage, reconciliation. A SEO-first Astro site in a Linear-style dark technical system: an AI-generated agent-network hero still over a hand-built 'Mainspring Atlas' product-console mockup whose run table shows the unhappy paths too (needs-review, escalated, failed), then services, a Map/Build/Operate process, three outcome-led case studies, engagement tiers, and an FAQ. Realistic invented brand, no lorem ipsum, no stock photography.

Orbit is a complete hybrid-casual game shipped as a web build: a one-thumb slingshot loop between gravity wells on a fixed-timestep canvas engine, six upgrade tracks of meta progression, a demonstration IAP shop with a rewarded-ad placement, and daily fixed-seed runs. It proves the full mobile-game pattern, core loop, retention layer, monetization surface, at web lift: no store review, no install, 60fps on a phone browser.

StudioFlow is a vertical CRM shaped like a photography business, not deals, but shoots, contracts, galleries and payments. Now a launchable product, not just a showcase: a Next.js app with auth, subscription billing, a 14-day no-card trial, one-click data export and a full legal set, behind an SEO-first Astro marketing site. A believable Portland studio is seeded end to end, an 18-card pipeline board across 7 stages, a busy booking calendar, proposal → signed contract → paid deposit, client records with lifetime value, and a cinematic PIN-gated gallery delivery page with imagery from the AI media pipeline.

Lumen Notes is AI clinical documentation for therapists: session audio or shorthand becomes a structured SOAP draft the clinician edits and signs, nothing files unsigned, and the model never diagnoses. Now a launchable product, not just a showcase: a Next.js app with auth, per-seat subscription billing, live transcription and AI drafting behind clinical guardrails, plus an SEO-first Astro marketing site with a full legal/compliance set, session list, evidence-linked note editor with SI/HI risk flags and sign-and-lock, client timelines, and practice settings, all in a calm clinical UI.

Echo turns one podcast or video episode into 14 channel-native assets: LinkedIn posts, X threads, a newsletter draft, shorts scripts with clip timestamps, in the creator's own trained voice. The build is the whole product: episode ingest, a reviewable AI asset board, brand-voice tone sliders with a banned-phrase list, a drag-to-schedule weekly calendar, a usage dashboard, and a three-tier pricing page seeded with believable data end to end.

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.

Casa Mirador is a nine-suite boutique hotel on the Alentejo coast. The hero scrubs an AI-generated golden-hour aerial film, a slow drift toward the saltwater infinity pool, 40 meters above the ocean, under crossfading serif headlines. Double-bezel suite cards, a four-moment senses scrollytelling strip, film-grain texture, and a glass-pill nav complete the editorial-luxury system.

FORMA sells flat-pack solid-oak furniture from Copenhagen. The storefront runs a full client-side commerce loop: asymmetric product grid with hover quick-add, a detail slide-over with finish selection and dimension tables, and a cart drawer whose totals always reconcile. Product photography is AI-generated by ProductOS; every product also has a hand-drawn SVG line-art fallback.

VELA is a direct-trade coffee roastery. Its hero scrubs an AI-generated espresso-pour film frame by frame as you scroll, golden crema folding in slow motion under per-letter kinetic typography. Below: a brewing-ritual scrollytelling sequence, copper stat counters, and a three-tier subscription section, all in a warm cream-and-espresso editorial system.

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.

Reserva runs tonight's service for an Italian restaurant: a hand-laid SVG floor plan with live table states (seated, reserved, turning), a reservations timeline with lane packing and a live 'now' line, a waitlist with SMS status, and guest details down to allergy chips and anniversary notes. The covers math reconciles: 38 completed + 42 seated + 44 upcoming + 18 walk-ins = 142.

Stride is coach Maya Okafor's squad dashboard, nine weeks out from the Valencia Marathon: twelve athletes with animated readiness rings that sweep in on load, HRV sparklines, planned-vs-actual load charts, a weekly session calendar, and alerts that cross-reference the actual dataset, when it flags Lena Voss's HRV down 18%, her trend data shows exactly 62→51.

AETHER is a performance running brand. Its launch page opens on a pinned, scroll-scrubbed hero: an AI-generated campaign film, extracted to a 24fps frame sequence by the ProductOS media pipeline and drawn to canvas with GSAP ScrollTrigger. Three headline acts crossfade as the film scrubs, editorial athletic language, generated.

Ledgerline is a subscription-revenue analytics dashboard: a 12-month MRR area chart with hover crosshair, diverging MRR-movement bars, an invoice table with dunning alerts, and a ⌘K command palette. Every chart is hand-rolled SVG, zero chart libraries, in a Linear-grade near-black interface.