SGA Dashboard Style Layer

Clarify

Soft, rounded, green-forward visual language for SGA dashboards. A style layer — it composes on top of drillable-dashboard (which owns tabs, detail rails, filters). Every block below is a reusable component from clarify.css + clarify-charts.js. Light/white only.

Health gauge + status legend

85% Good

Strong Health

Your practice shows strong production but declining visits. Focus on patient retention.

Strong 24
Watch 6
Critical 2

Production card · segmented toggle · soft trend chart

$2,900,000
Prior year$2,675,000
Vs prior year▲ 8.4%
Growth+$225,000

KPI cards with target · last-year · YoY · delta chip

Visits
6,444
Achieved
Target: 6,000 (20 WD)
Last year5,929
YoY change▲ 8.7%
+515
Gross Production / Visit
$450
Critical
Target: $500 / visit
Last year$490
YoY change▼ 8.3%
−$40
Production per Day
$14,500
Achieved
Target: $12,500 / day
Last year$13,375
YoY change▲ 8.4%
+$1,125
Adjustments
$250
Achieved
Target: <5% of prod
Last year$231
YoY change▲ 8.2%
+$19

Progress bars · provider split

Total production $165,000/ $120,000Achieved
Hygienists65 of 74 active
$120,000 / $160,000
Avg / provider: $1,900On track
Dentists65 of 74 active
$45,000 / $50,000
Avg / provider: $1,900Achieved

Mini-stat cards · red→green ranking bar

Fluoride57%
▲ 21.5% vs last year
6/11
Perio86%
▲ 4.5% vs last year
9/11
Bitewing37%
▲ 12.9% vs last year
4/11

Patient-care opportunity tiles

🦷
Unscheduled Tx
12 patients
Potential: $1,500
🩻
X-Ray Due
57 patients
Potential: $8,500
⏱
Patient retention
56%
follow-through · check rebooking

Chart presets (lifted from labor-analysis)

Staffing curve — stacked area
Top offices — horizontal ranking bar

Appointment schedule grid

JSJoann SettanniHygienist
LVLara VossDentist
OFOliver FinchDentist
MTMax ThunderHygienist
8 AM
Not available
Lila Brooks
Confirmed
Not available
Ruby Stone
Confirmed
9 AM
＋Add appointment
＋Add appointment
Chloe Adams
Canceled
＋Add appointment
10 AM
＋Add appointment
John McRae
Confirmed
＋Add appointment
Clara James
Confirmed

Status pills

Achieved On track Watch Critical Neutral

Clarify style layer · sample data only · components from clarify.css + clarify-charts.js