10
motion
Motion moves with intention and restraint. It guides attention, creates continuity, and adds meaning without distraction, supporting clarity rather than spectacle.
motion behaviors
line as cursor
The line behaves like a cursor in two ways. In its simplest form, it blinks in place as a subtle accent, holding attention. In its active form, it advances to reveal text or the logo, introducing content with focus and intention.
line as reveal
The line expands to reveal what comes next. It grows outward to introduce imagery, video, or information, allowing content to emerge directly from the line itself.
line as structure
The line creates order. It extends outward to form a grid, bringing structure and rhythm to layouts and helping elements find their place.
line as connector
The line moves through the composition to connect elements. It extends until it reaches another piece of content, linking statements, imagery, and media into a unified flow.
line as transition
The line defines change over time. It moves across a composition to reveal before and after, shifting from chaos to clarity, from unstructured to resolved.
line as texture
The line creates subtle texture across surfaces. It supports the composition without becoming the hero.
download assets
threshold motion
Motion defines how the brand behaves over time. It is built around the line as cursor, reveal, structure, connector, divider, and accent. The line extends, rises, and creates direction, never moving downward or backward. Motion reveals content, connects ideas, establishes grids, separates before and after states, and builds structure across typography, imagery, layout, and video. Timing should feel intentional, restrained, and confident, supporting clarity, hierarchy, and forward progress across social, digital, presentations, and film.
10
motion
Motion moves with intention and restraint. It guides attention, creates continuity, and adds meaning without distraction, supporting clarity rather than spectacle.
motion behaviors
line as cursor
The line behaves like a cursor in two ways. In its simplest form, it blinks in place as a subtle accent, holding attention. In its active form, it advances to reveal text or the logo, introducing content with focus and intention.
line as reveal
The line expands to reveal what comes next. It grows outward to introduce imagery, video, or information, allowing content to emerge directly from the line itself.
line as structure
The line creates order. It extends outward to form a grid, bringing structure and rhythm to layouts and helping elements find their place.
line as connector
The line moves through the composition to connect elements. It extends until it reaches another piece of content, linking statements, imagery, and media into a unified flow.
line as transition
The line defines change over time. It moves across a composition to reveal before and after, shifting from chaos to clarity, from unstructured to resolved.
line as texture
The line creates subtle texture across surfaces. It supports the composition without becoming the hero.
download assets
threshold motion
Motion defines how the brand behaves over time. It is built around the line as cursor, reveal, structure, connector, divider, and accent. The line extends, rises, and creates direction, never moving downward or backward. Motion reveals content, connects ideas, establishes grids, separates before and after states, and builds structure across typography, imagery, layout, and video. Timing should feel intentional, restrained, and confident, supporting clarity, hierarchy, and forward progress across social, digital, presentations, and film.
10
motion
Motion moves with intention and restraint. It guides attention, creates continuity, and adds meaning without distraction, supporting clarity rather than spectacle.
motion behaviors
motion behaviors
line as cursor
line as cursor
The line behaves like a cursor in two ways. In its simplest form, it blinks in place as a subtle accent, holding attention. In its active form, it advances to reveal text or the logo, introducing content with focus and intention.
line as reveal
line as reveal
The line expands to reveal what comes next. It grows outward to introduce imagery, video, or information, allowing content to emerge directly from the line itself.
line as structure
line as structure
The line creates order. It extends outward to form a grid, bringing structure and rhythm to layouts and helping elements find their place.
line as connector
line as connector
The line moves through the composition to connect elements. It extends until it reaches another piece of content, linking statements, imagery, and media into a unified flow.
line as transition
line as transition
The line defines change over time. It moves across a composition to reveal before and after, shifting from chaos to clarity, from unstructured to resolved.
line as texture
line as texture
The line creates subtle texture across surfaces. It supports the composition without becoming the hero.
download assets
Motion defines how the brand behaves over time. It is built around the line as cursor, reveal, structure, connector, divider, and accent. The line extends, rises, and creates direction, never moving downward or backward. Motion reveals content, connects ideas, establishes grids, separates before and after states, and builds structure across typography, imagery, layout, and video. Timing should feel intentional, restrained, and confident, supporting clarity, hierarchy, and forward progress across social, digital, presentations, and film.