Loading Skeleton Pulse
Show placeholder shapes that pulse while content loads.
Create a Loading Skeleton Pulse pattern for an AI-generated interface. It should help with show placeholder shapes that pulse while content loads. Use a restrained black, white, and gray visual style, strong hierarchy, and product-grade spacing. The interaction should feel expectant, practical, and easy to scan.
Do not make the loading skeleton pulse flashy, noisy, over-animated, or decorative for its own sake. Avoid random glow, heavy gradients, excessive borders, oversized type, unclear hierarchy, and generic SaaS filler.
{
"id": "loading-skeleton-pulse",
"category": "interactions",
"trigger": "loading",
"target": "loading skeleton pulse",
"duration": "160ms",
"easing": "ease-out",
"feeling": [
"expectant",
"practical",
"precise"
],
"palette": [
"black",
"white",
"gray"
]
}
Usage notes
Short guidance for humans and AI tools before copying the pattern.
Use Loading Skeleton Pulse when you need show placeholder shapes that pulse while content loads. It works best when the interface needs clarity before spectacle.
Do not make the loading skeleton pulse flashy, noisy, over-animated, or decorative for its own sake. Avoid random glow, heavy gradients, excessive borders, oversized type, unclear hierarchy, and generic SaaS filler.
Create a Loading Skeleton Pulse pattern for an AI-generated interface. It should help with show placeholder shapes that pulse while content loads. Use a restrained black, white, and gray visual style, strong hierarchy, and product-grade spacing. The interaction should feel expectant, practical, and easy to scan.