A Cadence Steps activity card — slim raspberry range bars with marker dots, segmented Day/Week/Month tabs with a springing slider, an animated min–max readout, a dashed average line, a compact value axis, hover tooltips, a context menu, and a skeleton loading state — fully token-driven.

A pulsing integration flow with animated connection paths, crafted natively in Figma Motion for dynamic data and app interactions.

An interactive SVG donut chart that pulls Weekly Activity data through a swappable async seam, then renders a stroke-arc ring with constant-width separators, a center total, a count-up share KPI with trend delta, a dotted-leader legend, and a hidden data table.

A standalone interactive SVG line chart showing a twelve-month revenue trend — generated at runtime with a crosshair hover, area fill under the line, a floating tooltip, click-to-pin data points, a legend, and a period selector. Fully token-driven.

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.