Loading page
Ctrl K
Consistent geometry across sizes, weights and semantic states.
Small
Default
Large
Heavy
Compact motion patterns for typing, inline refresh and background processing.
Distinct loaders add personality while remaining restrained enough for admin UI.
Pause motion or change speed to inspect timing and reduced-motion behaviour.
Animation running
normal speed · 1s
Loading feedback works at component, skeleton and full-shell levels.
Button states
Full-shell simulation
Test a fixed, blurred loading state that prevents scrolling.