What is a KPI Card? Metric Cards in Business Dashboards

KPI cards are the fastest way to communicate business health. In 3 seconds, a well-designed KPI card tells you: the current number, whether it's good or bad (vs target), and whether it's improving or worsening (trend).

Anatomy of a KPI Card

A well-designed KPI card contains:

Primary metric value: Large, prominent number. The most important element.

Metric name/label: Clear, unambiguous name. "Monthly Revenue" not just "Revenue."

Comparison context (one or more):

• vs target: "₹2.3Cr / ₹2.5Cr target (92%)"
• vs prior period: "+12% vs last month"
• vs prior year: "+8% vs same period last year"

Status indicator: Colour or icon showing whether the metric is on track (green), at risk (amber), or below threshold (red).

Trend sparkline: A small line chart showing the metric's trend over the last 6–12 periods — giving historical context without a full chart.

Unit: Always show the unit (₹Cr, %, days, units) — a number without context is meaningless.

What Belongs on a KPI Card (and What Doesn't)

Good KPI card candidates (high-level, frequently referenced, clearly defined):

• Monthly revenue vs target
• Gross margin %
• Active customer count
• Cash position
• Fill rate
• Net Promoter Score

Poor KPI card candidates (too granular, rarely checked, or better as a chart):

• Revenue from a single customer
• Stock level of one SKU
• A metric that rarely changes
• A metric that requires context to interpret

KPI Card Design Principles

One metric, one card: Don't crowd two metrics into one card. Separate cards maintain clarity.

Consistent formatting: All cards in the same dashboard should use the same size, colour scheme, and comparison logic.

Context is mandatory: A number without comparison is meaningless. Always show target, prior period, or both.

Consistent colour logic: Green = good, Red = bad — and stick to it. Never use green for a metric that's above the safe threshold (green for inventory higher than your max stock, for example).

Mobile-friendly sizing: KPI cards should be readable on a phone without zooming. Test on mobile before deploying.

KPI Cards in Different Contexts

Executive dashboard: 6–8 KPI cards at the top showing company health at a glance — revenue, margin, cash, growth, key operational indicator.

Sales dashboard: Revenue vs target, active customers, new customers, pipeline value.

Finance dashboard: Cash balance, receivables outstanding, payables due, gross margin.

Operations dashboard: Fill rate, stockout count, today's orders vs yesterday.

See how to create a KPI dashboard for building your first KPI card dashboard.