ANVIL · Skeleton LoaderSpec
| Base color | --c-bg-subtle |
|---|---|
| Animation | Shimmer 1.2s ease-in-out infinite |
| Placeholder sizes | Title 20px, line 14px, avatar 40px, media block 140px |
| Radii | Line/title --r-sm, media --r-md, avatar --r-full |
| Use case | Loading placeholders before content is available |
| Accessibility | Wrap area with aria-busy="true" and keep skeleton nodes aria-hidden="true" |
Preview
Patterns
Compose skeletons using the same final layout structure: avatar + title lines for list rows, rectangular blocks for media, and multiple text lines with 100% / 80% / 60% widths.