Core Collection

The Motion Hub

Duration, easing, and the system behind motion that communicates rather than decorates. Motion is the temporal layer of interaction — read alongside the Interaction hub.

Pre-ship checklist

Foundations

01 What Motion Is →

02 Motion and Meaning →

03 The Animation Principles →

Timing

04 Duration →

05 Easing →

06 Delay and Stagger →

Properties

07 Opacity and Scale →

08 Transform →

09 Colour and Blur →

Patterns

10 Entrance and Exit →

11 State Transitions →

12 Page Transitions →

Choreography

13 Choreography →

14 Spring Physics →

System

15 Motion as System →

16 Designing for Reduced Motion →