# Skeleton screen

Visual element sample: UI/UX › Screen states
Source: https://visual-gallery.asami.tokyo/en/styles/uiux-state-skeleton-screen

Grey placeholder shapes show the layout of the content before it loads.

## Visual traits
- The layout is shown with grey blocks where images, headings and text lines will go
- Text lines are rounded bars of varying length; images are rounded rectangles or circles
- No real text or images yet; colors are low-contrast
- In motion, a soft highlight sweeps across the blocks (shimmer)

## Prompt
Skeleton screen: grey low-contrast placeholder blocks in an app layout, rounded rectangles for images, circles for avatars and rounded bars of varying length for text lines, no real content yet. In motion, a soft shimmer sweeps across the blocks.

## Avoid
real text and photos, spinner, error message, bright colors