509 B
509 B
H4 · Stat-Led
A giant number or metric is the hero. A small qualifier line below. Use when: you have one defensible, externally-verifiable number. Don't confuse with: T4 Numbered stat strip (which is several stats in a row, not one focal).
<section class="hero-stat">
<p class="figure tnum">99.97<span class="unit">%</span></p>
<p class="qualifier">…</p>
</section>
.figure { font-size: clamp(6rem, 18vw, 16rem); font-variant-numeric: tabular-nums; line-height: 0.85; }