Internal · Brand loading

Loading motion lab

Four loading studies built from the same brand parts: wordmark reveal, editorial underline, orange dot, and clear critique states.

Crit Pass

2.4s

Crit Pass

Full-page loading after submission

Reading the work

Finding the pattern

Prioritizing fixes

Motion: Entrance · scan · checkpoint settle
Use: A direct read of the work: logo entrance, underline scan, three useful checkpoints.

2.1s

Signal Scan

AI analysis or image-reading moments

Image

Context

Next move

Motion: Logo reveal · dot travel · confident land
Use: The dot behaves like the moving point of attention, then lands back on the logo.

2.6s

Hierarchy needs one lead

Copy can get sharper

Next fix is clear

Editorial Notes

Critique generation and results prep

Hierarchy

Clarity

Action

Motion: Logo reveal · notes stack · orange emphasis
Use: The loader writes critique notes into place, then resolves with the brand accent.

1.8s

Quiet Submit

Buttons, compact panels, modal loading

Submitting

Reviewing

Ready

Motion: Short reveal · soft pulse · no extra drama
Use: A restrained version for tight UI states where a full-page loader would feel heavy.