Skeleton loader · Swiss
Placeholder blocks shaped like the content that is loading (article card, list or profile) that crossfade into the real content, with an aria-busy live region.
Design · Swiss9 / 20
Flat grey rectangles under a 6px ink rule with a tracked red LOADING label and a solid black media block.
Motion
A soft light band sweeps left to right across every block, each block starting a beat after the one above it.
Accent
Placeholder blocks shaped like the content that is loading (article card, list or profile) that crossfade into the real content, with an aria-busy live region.
skeletonloadingplaceholdershimmercardlistprofilearia-busy