Numeric cell

The right-aligned mono cell inside a table. Money, weights, percentages — anything where digits should line up.

Stable .num-cell Tabular numsRight-aligned

Usage

SKU	Cost	Price	Margin	On hand
Mealie meal 10kg	$ 6.40	$ 8.20	21.9 %	182
Mazoe Orange 2L	$ 3.20	$ 4.50	28.9 %	96
Pro-bake bread	$ 1.10	$ 1.50	26.7 %	12
Cooking oil 750ml	$ 2.20	$ 3.20	31.3 %	144

Numeric cells in a table

Use tonal colour to flag positive (margin up), negative (margin down), or warning.

Branch	Revenue today	vs Tue avg	On hand
Park Centre	$ 2,816	▲ 12.4 %	$ 184k
Avondale	$ 1,492	▼ 8.1 %	$ 108k
Glen Lorne	$ 988	—	$ 64k

Tonal hints

Right-align. Mono font. Tabular numerals. Always.

Don't

Mix mono and proportional digits in the same column.

Use the tonal color sparingly — only for the delta column, not the absolute number.

Don't

Strip trailing zeros. "$ 12" reads differently from "$ 12.00" in a money column.