147Stat band

A hairline-celled row of concrete numbers — mono, tabular. Use it only when every number is real and current; a decorative stat is a lie in monospace.

Use it for

Course/lesson/learner counts on the home page
Cohort or outcomes numbers that are actually measured

Not for

“99% satisfaction”-style decoration
More than 5 cells

Four cells

12
Courses: 214
Lessons: 1,482
Learners: 74%
Completion

markup

<dl class="ns-statband">
  <div class="ns-statband__cell"><dd class="ns-statband__value">12</dd><dt class="ns-statband__label">Courses</dt></div>
  <div class="ns-statband__cell"><dd class="ns-statband__value">214</dd><dt class="ns-statband__label">Lessons</dt></div>
  <div class="ns-statband__cell"><dd class="ns-statband__value">1,482</dd><dt class="ns-statband__label">Learners</dt></div>
  <div class="ns-statband__cell"><dd class="ns-statband__value">74%</dd><dt class="ns-statband__label">Completion</dt></div>
</dl>