Structured cards to present your numbers clearly.

A single data value rarely tells the whole story. A revenue figure needs a description and a progress metric. A regional status indicator needs an alert tag. Smart cards bundle these related pieces of information into cohesive blocks.

Instead of building custom card arrangements for every single stat, you use standard structures. This keeps dashboards perfectly consistent, so your readers don't have to decode a new style for every card. They can focus entirely on what the data implies.

The Metric card is reserved for your most critical headline values: ARR, active users, latency, uptime, or investment beta. It merges a clear label, a prominent number, a percentage change indicator, and a trend sparkline into a clean card layout.

These cards carry the highest visual weight on a dashboard grid. Since they command the most attention, they should be reserved for true key performance indicators (KPIs) rather than supporting data.

The Breakdown card compares category distributions on a single, relative scale. It is perfect for customer plans (enterprise vs. SMB), marketing channels, asset allocation mixes, or logistics defect logs.

Breakdowns make proportions clear instantly without requiring a full, complex chart. It is highly compact but still displays categories, exact values, percentages, and horizontal progress bars for quick comparison.

The Status card visualizes operational states that require attention. It is built for infrastructure health, supply chains, regional servers, or business task lists. It represents states clearly (Operational, Warning, Degraded, Blocked).

Status indicators are more than simple color markers — they are an interpretative layer over data. A status card immediately lets a reader know whether a system is running smoothly enough to ignore or experiencing issues that need attention.

A Measurement Stack groups several supporting numbers in a single compact area. It is ideal for metrics that answer the reader's secondary questions (e.g., LTV and CAC supporting ARR, or beta and volatility supporting portfolio value).

By using stacks for secondary evidence, you provide deep context without cluttering the main grid or distracting from the primary headline metrics.

A Progress Meter shows how close a value is to its limits. It is designed for server capacity, cash margins, active budgets, or goal targets. It provides a visual gauge showing distance from empty or full.

Meters should be used only when bounds matter. If a metric can grow indefinitely (like revenue or user count), a standard Metric Card or a Breakdown Block will display the data much more effectively.