# Glass information cards — MOTION_DESIGN.md

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

## Reference and provenance

- Source: [Hyperframes / liquid-glass-widgets](https://github.com/heygen-com/hyperframes/tree/070b964d7b8cd844a893f0abbe8e0b7f1ac6d879/registry/blocks/liquid-glass-widgets); Apache-2.0. Original source revision: `070b964d7b8cd844a893f0abbe8e0b7f1ac6d879`.
- [Upstream reference video](../../assets/liquid-glass-widgets/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/liquid-glass-widgets/index.html) · [Exact replacement preset](../../presets/liquid-glass-widgets.json).
- [Pack instructions](../../SKILL.md) · [Licenses and asset notes](../../NOTICE.md).

## Creative invariant

Preserve three stat cards, the hero card, pill chips, glass treatment and staggered motion.

## Story and replacement contract

Device widgets become an illustrative creator workspace.

Replace labels, feature copy and units. Retained counter values are demo content, not OpenMotion performance or business metrics; the upstream mark is retained.

## Timeline and format

0.12–1.42 s: staggered entrance; 0.9–3.8 s: meters/counters; 5.2 s: ready state; final section: exit.

Canvas: 1920 × 1080; full composition: 8 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

Keep label length within the fixed cards. Check that text overlays and glass panels move together; the glass implementation may depend on browser capabilities.

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.