| name | composition |
| description | Design clear professional Motionly compositions. Use for hierarchy, layout, spacing, branding, color, scene design, focal subjects, clutter, overlap, aspect ratios, product launch frames, diagrams, and visual review of generated animation. |
Composition
Give each shot one focal subject and one communication job. Motion supports hierarchy; it cannot rescue a frame where everything competes.
Frame Hierarchy
- Focal subject: largest contrast, clearest motion, strongest placement.
- Supporting proof: smaller and delayed.
- Context: quiet labels, grid, atmosphere, or brand cues.
- Exit path: leave spatial and temporal room for the next shot.
Layout Patterns
- Promise: centered display type with restrained brand mark.
- Feature: editorial split, copy on one side and product media on the other.
- Proof: large product panel with one animated callout.
- Comparison: aligned columns with shared baseline and minimal motion.
- Close: centered logo/call-to-action with clean negative space.
Use a repeatable spacing unit such as 24 or 32px. Keep titles away from media edges, preserve asset aspect ratio, and inspect actual bounds after animation settles.
Color
- Use one dominant background, one primary text color, and one accent per shot.
- Reserve the brightest accent for the focal subject or call to action.
- Change scene color to mark a story shift, not on every beat.
- Maintain readable contrast during transitions, not only on static holds.
Review At Representative Frames
- First visible frame.
- Entrance midpoint and completed hold.
- One frame before/during/after each transition.
- Exit boundary.
- Final intended frame.
Treat accidental overlap, stretched media, clipped type, unexplained blank frames, and stale layers as defects. Delete decorative layers that do not improve hierarchy.