①

### Project Health Score + Weather Banner

Narrative
⛅ Partly Cloudy
0
/ 100

## Project Health Live

3 tasks stale · 1 WIP breach · 3 completed this week

③

### Executive Summary Sentence

Narrative

32 active tasks across 6 statuses. 3 completed this week, 8 this month. 2 tasks need attention: LAT-18 is stale and blocking 2 others. In-progress WIP limit exceeded (5/4) for 3 days.

⑨

### Card Hierarchy with Visual Weight

Layout
0
Active Tasks
Across backlog, in-progress, review, and blocked
↑3 was 29
Archived
0
↑2 was 13
Total Events
0
↑18 was 117
Active Events
0
↓5 was 95
㉑

### Animated Transitions

Interaction

All elements above use scroll-triggered animations. The health ring fills via SVG stroke-dashoffset, card numbers count up from zero with an easeOutExpo curve, and each card enters with a staggered fadeSlideUp transition. Animations fire once via IntersectionObserver when scrolled into view.

㉒

### KPI Deltas on Cards

Data

Each summary card above displays a 7-day delta badge. Green ↑ indicates growth, Red ↓ indicates decline. Badges show the change value and previous count for quick context. Deltas are positioned below the main metric for clean visual hierarchy.