KPI / Stat Cards

The dashboard scorecard tiles that lead a report. Label, big value, a delta (direction + sign, never color-only), and a caption. Pure layout — no JavaScript.

Monthly revenue $48.2k +12.4% vs. last month

Churn 2.1% -0.3pt vs. last month

Active users 18,930 +5.0% 7-day average

Uptime 99.98% 0.00pt 30-day

With an inline sparkline (trend slot)

Signups 1,204 +8.6% last 7 days

The .casca-stat-trend slot just sizes the area — drop any casca chart (or a small inline SVG) inside it.

Markup

<div class="casca-stat-grid">
  <article class="casca-stat">
    <span class="casca-stat-label">Revenue</span>
    <span class="casca-stat-value">$48.2k</span>
    <span class="casca-stat-delta" data-trend="up">+12.4%</span>
    <span class="casca-stat-caption">vs. last month</span>
  </article>
  <!-- ...one <article> per KPI... -->
</div>