NS Design System
v3.0.0 · 257 tokens

123Stat block

One number at display scale, with what it measures and where it came from. The source line is structural, not optional — a stat with no attribution visibly collides with the next paragraph.

Use it for

  • A figure the argument turns on
  • Benchmark results, survey findings, limits

Not for

  • Several numbers — that is a Stat band or a Table
  • A number you cannot source. The design will make that obvious, which is the point

Inline

100
SOQL queries per synchronous transaction — the limit that shapes every trigger you will write. Apex Developer Guide · Execution Governors
markup
<figure class="ns-statblock">
  <span class="ns-statblock__figure">100</span>
  <div class="ns-statblock__body">
    <span class="ns-statblock__label">SOQL queries per synchronous transaction — the limit that shapes every trigger you will write.</span>
    <cite class="ns-statblock__source">Apex Developer Guide · Execution Governors</cite>
  </div>
</figure>

Stacked

6MB
Heap size in a synchronous transaction. Apex Developer Guide
markup
<figure class="ns-statblock ns-statblock--stack">
  <span class="ns-statblock__figure">6MB</span>
  <div class="ns-statblock__body">
    <span class="ns-statblock__label">Heap size in a synchronous transaction.</span>
    <cite class="ns-statblock__source">Apex Developer Guide</cite>
  </div>
</figure>

Accessibility contract

  • Tabular numerals, so a column of these aligns
  • The figure and its label are separate elements, so the number is never read without its unit