Grid Dashboard

A six-tile bento dashboard layout — an asymmetric `3fr 1fr 2fr` grid of unequal skeleton tiles with mixed row and column spans, a full-width hero, dark/light theme toggle, and full design-system token integration, mobile-first and design-system agnostic.

A layered skeleton loading placeholder — a dashboard stat card whose depth layers fade in one after another (header, then the stat line, then the sub-line, then the chart bars left to right) in a continuous loop. Token-driven, design-system agnostic, with dark mode and reduced-motion support.

A premium model training-status popover: a gradient progress ring with live percentage count-up, a running status badge with pulsing dot, an epoch segment strip with ETA, live loss/accuracy/step metric tiles and pause / view-logs actions, revealed from a trigger with staggered entrance.

An outline skeleton loading placeholder — wireframe shapes fill in one after another across an article card while content loads. Token-driven, design-system agnostic, with dark mode and reduced-motion support.