Project summary tiles

Four compact tiles at the top of the dashboard: project total, current stage, approval date and milestones completed out of total.

What it is

A two-up on phones, four-up from tablet row of stat tiles. The status tile names the phase currently in progress rather than a generic label when one is running.

Also called: project total · current stage · milestones completed

See it
Project summary tiles
Apr
May
Jun
Jul
Ronan Petsch — 40×64 Shop
Framing
Sutter Kline — 40×64 Shop
Concrete
Ivy Brubaker — 30×40 Garage
Trim
Marlin Hoover — 40×64 Shop
Framing
Marlin Hoover — Riding Arena
Concrete
Framing crewConcrete crewTrim crew
A four-tile row: Project Total, Status, Approved On, Milestones. ProjectDashboard summary cards. Sample data — no customer information appears here.
How it works
  1. 1The total is taken from the markup snapshot's customer total, falling back to the link total
  2. 2The status tile finds the first in-progress phase and shows its name
  3. 3The milestone tile shows completed over total across all phases
  4. 4The whole row is switchable via dash:summaryCards
Why we built it

The dashboard header carried a project name, a contract total and a percentage, and none of those say what is happening to my building this week. Tiles carry the numbers a customer actually checks for: where the build is, what comes next, what is outstanding. They sit alongside the plain-language banner rather than replacing it, because a number and a sentence answer different halves of the same question.

The problem
  • Key project facts scattered down a long page
Sound familiar?
What you get
Four answers above the fold with no scrolling

See it on your own jobs

Twenty minutes, your numbers, no slide deck. We’ll build one of your real buildings in front of you and send you the estimate link at the end — yours to keep either way.

or keep browsing features →