← General Design System
Skeleton
Loading placeholder — 1:1 with Mantine Skeleton, on our tokens. A shimmering block that stands in
for content while a page or modal loads. Shapes (line · circle · rectangle), and compositions (list row · card · modal · page).
Shapes
text line · circle (avatar) · rectangle · button · pill · radius from tokens
Text block
title + paragraph lines (last line shorter)
Compositions
list row (avatar + lines) · media card · stat tile
In a modal / page
skeleton standing in for real content while loading