---

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

1. Focal subject: largest contrast, clearest motion, strongest placement.
2. Supporting proof: smaller and delayed.
3. Context: quiet labels, grid, atmosphere, or brand cues.
4. 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.