Stat

A stat tile — one headline number with a label, in rows on dashboards.

14 Published pages

3 Drafts in review

128 Documents

92% Pages fully human-reviewed

Show the markup

<div class="cc-stat-row">
  <p class="cc-stat"><span class="cc-stat__num">14</span> <span class="cc-stat__label">Published pages</span></p>
  <p class="cc-stat"><span class="cc-stat__num">3</span> <span class="cc-stat__label">Drafts in review</span></p>
  <p class="cc-stat"><span class="cc-stat__num">128</span> <span class="cc-stat__label">Documents</span></p>
  <p class="cc-stat"><span class="cc-stat__num">92%</span> <span class="cc-stat__label">Pages fully human-reviewed</span></p>
</div>

Usage

Labels are sentence case with no trailing colon; the value reads first in source order.
Values use the default proportional figures — tabular-nums pads display-size digits and is reserved for table columns that align.
The number carries no color meaning; state belongs to tags and alerts.