# Interface reveal — MOTION_DESIGN.md

Version: 0.1.0 · Kind: source-backed remix example · Author: OpenMotion documentation contributors.

## Reference and provenance

- Source: [Hyperframes / ui-3d-reveal](https://github.com/heygen-com/hyperframes/tree/070b964d7b8cd844a893f0abbe8e0b7f1ac6d879/registry/blocks/ui-3d-reveal); Apache-2.0. Original source revision: `070b964d7b8cd844a893f0abbe8e0b7f1ac6d879`.
- [Upstream reference video](../../assets/ui-3d-reveal/reference.mp4). The README pair is rendered from the bundled source with original versus changed content; it is not a blind reconstruction of the upstream MP4.
- [Editable source](../../assets/ui-3d-reveal/index.html) · [Exact replacement preset](../../presets/ui-3d-reveal.json).
- [Pack instructions](../../SKILL.md) · [Licenses and asset notes](../../NOTICE.md).

## Creative invariant

Preserve the tilted interface plane, continuous camera reveal, depth hierarchy and original GSAP timeline.

## Story and replacement contract

A design-canvas product tour becomes an AI editing story.

Replace the main headline, document name and community label. Existing Figma/HeyGen logo artwork remains part of the upstream demonstration; this is a copy adaptation, not an OpenMotion UI screenshot.

## Timeline and format

0–13 s: original multi-stage logo, interface reveal and outro. The comparison excerpt covers the interface, where the changed copy is visible.

Canvas: 1920 × 1080; full composition: 13 seconds. Comparison excerpts use a shared source-time range on both sides. They are silent; no music, voice or audio fidelity is claimed.

## Material requirements

This preset uses the supplied code, type and artwork. No paid generation service is required. The materializer copies pinned scripts, fonts, textures and the reference video into the output project and rewrites CDN/font URLs locally. Custom fonts must be supplied as local files. For a personal adaptation, supply approved copy and any requested brand replacements.

## Review

A real product UI adaptation also needs approved screenshots and a logo; rebuild those assets explicitly instead of presenting this illustrative UI as a shipped interface.

Compare matching timestamps: entrance, main hold and exit. Record source hash, exact preset, render environment, output file and observed problems. Source reuse proves this content substitution can preserve the implementation; it does not prove arbitrary video reconstruction, a similarity percentage, or audience performance. See the pack's evidence manifest for checks actually completed.