# Halo Guided Capture UI kit

Framework-free standalone port of the website's canonical `GuidedCaptureLiveDemo`. It uses the actual 393 × 852 camera artboard, vehicle media, reticle, targets, messages, scoring and timing from the website source—not a recreated screen.

## Use

1. Keep the folder structure intact.
2. Open `index.html` directly, or serve the folder from any static host.
3. Let the source sequence run automatically; use Pause or Restart when reviewing it.
4. The camera artboard is preserved at its source dimensions and scales proportionally to the available viewport.

No framework, build step, package, font, analytics or external network dependency is required. The kit respects `prefers-reduced-motion` by opening on a static ready state.

## Source fidelity

The unmodified website sources are included in `source/`: `GuidedCaptureLiveDemo.tsx` and `guided-capture-live-demo.module.css`. The standalone adapter mirrors the component's phase logic and uses the same local vehicle, previous-capture, wireframe, movement and brand-mark assets.

## Adaptation boundary

This is an approved marketing and prototyping reference, not a drop-in production capture client. Preserve the source aspect ratio, instruction hierarchy, target semantics, quality checks and Halo mark. Demo values must not be represented as a live customer session or guaranteed measurement.

The supplied `halo-ui-capture-screen-reference.png` is the source-approved visual reference. Use it when pixel-accurate static evidence is required.

Canonical hosted entry point:

`https://brand.halocompass.com/assets/capture-ui-demo/index.html`