UX Rationale

A UX-decision film authored in one sheet.json — a parameterized SaaS record page alternates between its solid render and a generated blueprint x-ray twin; a teal ring frames the region each decision is about, mono spec callouts read out counts and dimensions, and a numbered caption chip states each rationale, rendered deterministically by HyperFrames.

UX Rationale

How it works

  1. Write the decisions: tag, evidence sentence, region, callouts

  2. Run build.mjs to validate and emit the page

  3. Check stills at each decision's x-ray window, then render film.mp4