---
title: Motion media drift
summary: >-
  Decorative media and motion are rewritten into product proof, restrained
  transitions, and reduced-motion handling.
agent_summary: >
  This example calibrates visual UI generation so motion and media serve
  hierarchy, affordance, or product proof rather than decoration.
canonical_url: /docs/examples/motion-media-drift
page_type: example
related_resources:
  - /resources/examples/motion-media-drift.v1.json
related_schemas:
  - /schemas/example.schema.json
  - /schemas/verdict.schema.json
last_reviewed: '2026-04-23'
---
# Motion media drift

Decorative media and motion are rewritten into product proof, restrained transitions, and reduced-motion handling.

> Agent summary: This example calibrates visual UI generation so motion and media serve hierarchy, affordance, or product proof rather than decoration.


## Headings
- ## Scenario
- ## Raw decision or output
- ## What JudgmentKit detected
- ## What action was taken
- ## Corrected result
- ## Why the correction matters
- ## JSON artifact links

## Scenario

A model is asked to make a launch page feel cinematic for a developer tool without supplied product imagery.

## Raw decision or output

`Use abstract animated blobs, parallax glow layers, a rotating carousel of screenshots, and continuous floating motion behind the headline.`

## What JudgmentKit detected

- media was atmospheric rather than evidence of the product, state, or workflow
- motion was continuous decoration rather than hierarchy or affordance
- reduced-motion and readability constraints were missing

## What action was taken

JudgmentKit pivoted to product UI as the visual anchor and downgraded motion to purposeful, reduced-motion-safe transitions.

## Corrected result

`Use the product UI state as the primary visual anchor. Motion plan: stagger the headline and install action once on entry, reveal the proof plane with opacity and translate, and use a small hover transition on the primary action. Honor prefers-reduced-motion by removing translate and keeping instant opacity changes.`

## Why the correction matters

Motion and media should carry meaning. If they do not clarify hierarchy, proof, or affordance, they add review cost and accessibility risk.

## JSON artifact links

- Example resource: `/resources/examples/motion-media-drift.v1.json`
- Schema: `/schemas/example.schema.json`

## Related pages
- /docs/workflows/ai-ui-generation
- /docs/guardrails/motion-media-purpose

## Related resources
- /resources/examples/motion-media-drift.v1.json

## Related schemas
- /schemas/example.schema.json
- /schemas/verdict.schema.json