Metric Card

Data display for dashboards: Geist with tabular figures, trends, prefixes/suffixes, and a hero variant. A numeric value counts to its new value instead of being replaced, and the delta crossfades.

Default

Standard metric card for dashboard grids.

Total Spend
$12,450
Impressions
1.2M
Clicks
45.8K

Live values

Pass a number and the value counts to its new figure in 600 ms; the delta badge crossfades so a sign change is visible.

Spend
$4,120
6.0%

With delta

The change vs the previous period. The caller says whether it is GOOD — a falling CPC is an improvement, a rising CPA is not — so the colour tells the truth for cost metrics instead of painting every rise green.

CPC
$0.82
13%
CTR
3.4%
8.2%
CPA
$24.10
13%

Hero variant

Large, prominent display for the primary metric.

Total Ad Spend
$142,890
Across all accounts this month

With description

Add contextual information below the value.

Active Campaigns
23
8 pending review