Back to patterns
product-derived-motion-contract
Product-Derived Motion Contract
Define one motion signature through meaning, trigger, subject, property, timing, rest, interruption, and reduced-motion behavior.
PatternsContextual
Intent
Make expressive motion recognizable and useful without attaching the same fades, parallax, cursor, or hover effects to unrelated products.
Checks
- Tie the signature to a real material change, user decision, workflow state, or story beat.
- Define how the motion yields to input, reaches a stable rest, and changes under reduced-motion preferences.
- Reject a signature that would remain unchanged after replacing the product nouns.
Warnings
- Ambient grain, universal fade-ups, and repeated hover scaling do not create a product-specific motion concept.
Exceptions
- Strict operational tools may need only state feedback and no expressive signature.