Skeleton

DESIGN RATIONALE

A shimmer-loading skeleton that mimics the shape of content before it loads. Uses a CSS gradient animation sweeping from left to right over a base color of white/5. Available in text, avatar, card, and stat variants. The animation duration is 1.5s with linear timing for a mechanical feel.

USAGE GUIDELINES

Use during data fetching for cards, tables, profiles, and dashboards. Match the skeleton shape to the expected content shape to reduce layout shift and perceived wait time.