Skeletons
Loading placeholders that mirror the exact shape of the real layout they precede, so content arriving causes zero reflow. All atoms share the same .skeleton-surface shimmer.
Atoms
Skeleton, SkeletonLine, SkeletonCircle, SkeletonCard.
Form field
Label line + input block — matches a real labeled field's footprint.
List item
Avatar + two text lines + trailing meta, matching an activity-feed row.
Table
Mirrors the Data Table's row structure: checkbox, columns, row padding via --d-row-py.
Card grid
A grid of SkeletonCards, matching the size of the real Card component.
Search request card
Shaped like the domain Search Request card: status rail, title line, meta line, footer avatar.
Pricing tier
Matches a pricing card: title, price, feature list, CTA.
Kanban column
Not used by this product's cornerstones, but included for completeness: a column header skeleton over three stacked card skeletons.