Media & motion

Decorative cover footage with no controls or accessible content. Playback begins only while the element is on screen and the document is visible, and pauses for reduced motion or reduced data. Pair it with independent text; use Video when the footage itself matters.

A still grid for supplied partner marks. It preserves the supplied marks by default and adds no invented hover restoration. The neutral labels below demonstrate density without implying partner relationships.

A continuous horizontal register with a persistent pause control. It pauses on hover, focus, offscreen placement, hidden tabs, and live reduced-motion changes. Reduced motion resets one complete static row.

Static deterministic traces of four real substrates and processes. Choose the variant because the composition refers to paper, film, cloth, or dry print—never as generic atmosphere, fake wear on photography, or invented provenance.

A sequence for full-width, paired, and inset media. The only photograph below is the catalog’s one demo source; the paired document panels are plainly labeled layout specimens, not falsely presented as separate project assets.

A fixed media-ink dip for same-origin full-page navigation. It skips router-prevented, modified, hash, download, external, and opted-out links. Reduced motion never intercepts; a live preference change completes a pending navigation without waiting.

Four static currentColor patterns for structure, not simulated wear. Grid measures a field, rule establishes a baseline, hatch marks a hatched zone, and square points create a sparse index. Use one role per region and keep readable content above it.

A rare opening curtain with count and typed variants. Count runs over 1400ms, holds for 600ms, then lifts in 700ms. Typed copy uses a 36ms-per-grapheme cadence, pauses 500ms between lines, then honors the hold before a 500ms fade. Reduced motion finishes immediately and still calls onDone.

A clear margin, four /15 crop marks, and a figcaption around supplied media. The metadata below records only facts visible in this repository; it does not invent a plate, date, client, or production history.

A fixed media-paper presenter for a host-generated code. It does not generate, encode, validate, or guarantee a scanner quiet zone. This specimen is explicitly non-scannable and demonstrates framing only.

A decorative currentColor hairline that scales from its left edge in 1200ms on the curtain curve. Lead-ins retain a measured drafting cadence; reduced motion and no script show the complete line.

A one-shot group reveal. Text rises eight pixels over 700ms; media fades in place over 1000ms. Effective stagger stays within a 480ms staging window. No script and reduced motion present complete content.

A rare hero-only, position-mapped settle from 92% scale and 80% opacity to rest. It follows scroll rather than a timer, completes by mid-viewport, and becomes a stable final frame under reduced motion or without scripting.

A named carousel with its rotation control first, visible previous and next controls, optional thumbnails, and a live slide announcement after manual navigation. Its two local sources are the catalog shed photograph and the extracted poster frame from the demo footage. New images dissolve over 1000ms while outgoing images leave in 300ms.

A figure around user-controlled native video. Unlike AmbientVideo, it keeps accessible controls and lets the host choose preload, poster, playback, tracks, and source behavior. This demo uses a frame mechanically extracted from the footage rather than the unrelated photograph.