Motion principles define how every element within the system behaves in movement. Animations should reinforce clarity, structure, and progression, creating a cohesive motion language across all applications.
All animated elements follow a logic of growth and expansion. Movements should feel constructive, as if elements are being revealed, unfolded, or extended from an existing structure rather than appearing abruptly. Motion should remain clean, fluid, and intentional, ensuring consistency across the entire system.
Animations can develop vertically or horizontally, always following a clear directional flow. Elements may enter from left to right or right to left, while vertical movements expand upward or downward depending on the composition.
Text and graphic elements follow the same movement behavior across the system. When appearing vertically, elements move from bottom to top; when disappearing, from top to bottom. Horizontal transitions should follow a progressive movement from one side to the other, maintaining a sense of continuity and visual guidance.
Scene transitions use the Shelf shape as a masking device to reveal the next composition. Transitions should preferably move from left to right, but can also expand from top to bottom or bottom to top, always preserving the system’s principle of progressive growth.