134Stat card

The dashboard number: uppercase mono label, big tabular mono value, a worded delta in status ink. The word (“↑ 2 this month”) carries the meaning; the color reinforces it.

Use it for

4-up dashboard summary rows
Deltas only when the comparison is real

Not for

Marketing pages — the Stat band section is that surface
Charts — this is one number, not a trend

Grid

Published courses

↑ 2 this month

Active students

1,482

↑ 6.1%

Completion

74%

↓ 1.2 pts

Open tickets

3 waiting on you

markup

<div class="ns-stat-grid" style="inline-size:100%">
  <div class="ns-stat"><span class="ns-stat__label">Published courses</span><div class="ns-stat__value">12</div><span class="ns-stat__delta ns-stat__delta--up">↑ 2 this month</span></div>
  <div class="ns-stat"><span class="ns-stat__label">Active students</span><div class="ns-stat__value">1,482</div><span class="ns-stat__delta ns-stat__delta--up">↑ 6.1%</span></div>
  <div class="ns-stat"><span class="ns-stat__label">Completion</span><div class="ns-stat__value">74%</div><span class="ns-stat__delta ns-stat__delta--down">↓ 1.2 pts</span></div>
  <div class="ns-stat"><span class="ns-stat__label">Open tickets</span><div class="ns-stat__value">7</div><span class="ns-stat__delta">3 waiting on you</span></div>
</div>