B + C combined, with real metrics instead of placeholders

Two things had to be nailed down before this could be real rather than a mockup: what the banner colour does with an arbitrary client hex, and what the progress bar / status line actually measure.

Preview: Projects, grouped with banners + activity cards
WF
WFDash Web App
6 open · 14 done
Active 2 days ago
WFDASH Driver App
0 open · 0 done
No activity yet
RJBULK
RJ Bulk App
0 open · 0 done
No activity yet
Diesel Depot AppPrototype
0 open · 0 done
No activity yet

What changed from the rough mockup, and why

Banner

  • Soft tint (~14% of the client's colour) with the colour itself used for the text, not a solid fill — a client's arbitrary hex (say bright yellow, or near-white) would make banner text unreadable at full strength. This is a legibility fix, not a taste change.

Progress bar + status line

  • Bar = done cards ÷ total cards on that project's board. Real, already computable, matches the "one honest metric" pattern used on the roadmap page's checklist %.
  • Status line = time since the project's most recent commit ("Active 2 days ago" / "No activity yet") rather than "2 due this week" from the rough mockup — target dates are sparse (most cards have none), but commit activity is the one thing this app already tracks reliably for every ingested project.
✓

This is the direction

Proceed to a full design write-up

✗

Close, but adjust something

Tell me what in the terminal