Skip to content
DesignOSby h4rithd
MOTION / HIERARCHY IN TIME

Movement that explains the interface.

DesignOS motion confirms state, preserves spatial context, and establishes rhythm. It is smooth without becoming theatrical—and disappears gracefully when users prefer less motion.

RECIPE / 01View enter
DESIGNOS / MOTION

Hierarchy in time

Short, clear, and completely reducible.

.dos-motion-enter240ms / DESIGNOS EASING

Four motion rules.

  1. 01Explain state

    Movement confirms what changed and where it belongs.

  2. 02Preserve velocity

    Short easing feels responsive while maintaining spatial continuity.

  3. 03Reserve loops

    Breathing and ambient cycles belong only to status and atmosphere.

  4. 04Reduce completely

    Every recipe has a functional no-motion outcome.

No essential information in motion No uncontrolled parallax No flashing content User preference always wins