Stat

.talos-stat is a single-metric KPI card. Its chamfered top-right + bottom-left cut is drawn as a two-layer hairline (host edge, 1px-inset fill), and the delta row is the only chroma — --up/--down flip an ▲/▼ glyph and recolour to success/danger, so direction reads before the number does.

Default

<div class="talos-stat">
  <span class="talos-stat__label">Throughput</span>
  <span class="talos-stat__value">14.2k</span>
  <span class="talos-stat__delta talos-stat__delta--up">8.4% vs last hr</span>
</div>

__label is uppercase HUD-tracked; __value is large, light-weight, tabular. The delta sits below.

Delta — up & down

<span class="talos-stat__delta talos-stat__delta--down">12% vs last hr</span>
<span class="talos-stat__delta talos-stat__delta--up">3.2% vs last hr</span>

--up prepends ▲ in --talos-success; --down prepends ▼ in --talos-danger. A bare __delta (no modifier) stays neutral with no glyph — use it when the move has no good/bad polarity.

Neutral delta & sub-line

<div class="talos-stat">
  <span class="talos-stat__label">Active nodes</span>
  <span class="talos-stat__value">128</span>
  <span class="talos-stat__delta">no change</span>
  <span class="talos-stat__sub">of 128 provisioned</span>
</div>

__sub is a small tertiary caption for context that isn’t a delta.

Classes