Stat Card

One fact or outcome on a case-study page. Authored in Sanity as a “Stat cards” block (1–4 cards); the surface and colour wash live in the .card-stat class in globals.css, and the variant only changes the colour.

Default — facts

Partners4 reward partners

Qantas, Velocity, ALL Accor and Luxury Escapes — up to 6 points per $1

Payment methods4 ways to pay

Amex, Visa, Mastercard and pay-by-bank, across every business expense type

Plans3 subscription tiers

Free, Silver and Gold — the monthly fee buys down the processing rate

tsx

<StatCard
  label="Partners"
  figure="4 reward partners"
  body="Qantas, Velocity, ALL Accor and Luxury Escapes — up to 6 points per $1"
/>

Result — outcomes

Success metric~4×

Growth in monthly new-customer signups over ten months.

Database growth~37%

Growth in the marketing database over nine months

Repeat use~4 / customer

Transactions per active customer each month

tsx

<StatCard variant="result" label="Success metric" figure="~4×" body="…" />

Props

Prop	Type	Default	Description
`label`*	`string`	-	Small uppercase line above the figure, e.g. "Success metric".
`figure`*	`string`	-	The big line — a ratio, a count, a short phrase.
`body`	`string`	-	One or two sentences of context under the figure.
`variant`	`"default" \| "result"`	`"default"`	Default is the blue-washed card for product facts. Result swaps the wash and label for green (--green-subtle), for outcomes.