Data display

Dashboard and detail-screen primitives: stat tiles for the numbers that matter, description lists for the facts behind them. Deltas ride the semantic ramps — green is always good, red always needs attention.

Stats

Simple in cards

Open faults

12

Devices online

184

Jobs today

1,893

With trending

Monthly print volume

182,441

+4.2% vs last month

Mean time to repair

3.1 h

-18% vs last month

Unplanned downtime

42 min

+9 min vs last month

With brand icon

Managed printers

231

Sites online

18 / 19

Active operators

47

With shared borders

Requests / min

2,104

+12%

Error rate

0.31%

-0.04pp

P95 latency

412 ms

+38 ms

Queue depth

7

steady

<div class="card"><div class="card-body">
  <p class="stat-label">Monthly print volume</p>
  <p class="stat-value">182,441</p>
  <p class="stat-delta stat-delta-up"><!-- icon --> +4.2%</p>
</div></div>

Description lists

Left-aligned

Site
Acme Pty Ltd — HQ
Contract
Managed services, priority SLA
Renewal
1 March 2027
Account manager
Sam Whitford

Striped

Model
Kyocera TASKalfa 4054ci
Serial
VLK9401877
Firmware
2VG_S000.002.561
Installed
14 August 2024

With inline actions

Alert email
ops@acme.com.au Update
Escalation phone
+61 400 000 000 Update
Runbook
acme-hq-recovery.md View

Two-column

Status
Operational
Region
syd-1
Plan
Business
Devices
52 / 50 (2 over)

Narrow with hidden labels

Address
120 Collins St, Melbourne VIC
Phone
+61 3 9000 0000
Email
hq@acme.com.au
<dl class="dl">
  <div class="dl-row">
    <dt class="dl-label">Site</dt>
    <dd class="dl-value">Acme Pty Ltd — HQ</dd>
  </div>
</dl>