WES GROUPTranscending
01 / GROUPTranscending
the Equilibrium.
Financial consultancy and education, connected by one shared direction.
MOTION STUDY / TRANSITIONS & LOADING
A point. A square.
A connected cube.
Navigation and hero backgrounds appear immediately. Internal page changes keep the current content until the next page is ready, then crossfade with a stable header. A small cube reports longer waits.
WESGROUP
Choose a case below. The preview keeps its header in place; try Brands to see its 200 ms opacity fade.
View the cube specimen and four-point legend
Fast direct entry
The header and hero background are visible immediately. Only the title and description fade in over 350 ms. A fast direct visit has no loading cube.
Fast internal navigation
Keep the current page while the next page prepares for 100 ms. Then crossfade the two pages over 300 ms with the same stable header. No cube is shown.
Time to build
Simulated ready time: 2 seconds. After 350 ms, a small cube appears at the lower right while the current page remains visible and usable.
Still waiting
Simulated ready time: 4 seconds. The complete point-to-square-to-cube sequence repeats every 2 seconds while waiting.
Ready mid-build
Simulated ready time: 800 ms. The small cube exits over 200 ms as the ready content crossfades over 300 ms, without waiting for the drawing to finish.
A longer wait
Simulated ready time: 12 seconds. At 8 seconds, the small cube keeps looping and offers a message, retry and stay controls. The current page remains usable; retry simulates a successful 2-second load.
A failed connection
A simulated failure appears after 800 ms. The current page stays visible; the small cube becomes static with retry and stay controls. Your actual connection is unchanged.
Choose a simulation to see the transition or loading behaviour.