Motion curves easing graphs

Motion curves easing graphs, minimal, swiss, light

Preview image. Unlock full-res

Motion-curves page defining the brand easing, fast acceleration then abrupt stop, via a value graph and a speed graph in blue.

Industryagency, media
Palette
#FFFFFF
#000000
#0046FF

Summary

The motion easing spec: the brand's motion launches at high speed with minimal start easing and ends with an abrupt, decisive stop, documented as a "Standard Value Graph" and a "Standard Speeding Graph" in blue.

Visual description

White page. The left column explains in English over Chinese that within the FPA worldview everything is generated rapidly and resolved with precision, so motion begins with immediate acceleration and ends abruptly, and warns against destructive effects (collisions, dissolves, explosions, evaporation) on the logo. The right side shows two blue easing diagrams on faint grids: a "Standard Value Graph" (a curve rising steeply then flattening near the top) and a "Standard Speeding Graph" (a curve dropping steeply from a high start). Below them sit small thumbnail variants (linear, stepped, spike). Blue curves and markers on white.

Key takeaway

Specifying easing as named graphs (value and speed) gives animators an exact, reusable motion signature that matches the brand's "instant then precise" ethos. Tying the easing concept back to the brand worldview makes the motion feel intentional rather than default.

Reuse notes

The easing reference for the motion system. Reuse value-and-speed graph pairs to document a brand's signature timing. Keep the curves in the accent color for consistency.

From this deck: Motion curves easing graphs

View deck

More like this