LOADING STATES
Loader, button and skeleton on mobile
Loader
Blue on light surfaces, white on dark. L for full-screen waits, M inside cards, S inside buttons.
Button · Loading
Full width on mobile. The loader replaces the label while the width stays the same, so nothing jumps, and taps are ignored until the request returns.
Skeleton
Mirrors the real layout: media, lines at the real text widths, then cards. Shown after 300 ms, never for fast loads.
LOADING STATES
Loader, button and skeleton
Loader
8 pixel cells, lit head runs clockwise · 0.1s per step · 0.8s per turn.
Size S · Blue
Size M · Blue
Size L · Blue
Size M · White
Size L · White
Button · Loading
Label hidden, width kept, Loader centred. Shown after 300ms so fast requests never flash.
Skeleton
Blocks mirror the real layout · white dither band sweeps across in 1.2s.