Carbon Design System / Published template

SaaS Billing Operations Dashboard

A billing operations workspace for reviewing invoice health, failed collections, adjustments, and accountable follow-up.

Prompt reference v1
SaaS Billing Operations Dashboard interface structure preview

Structure blueprint

Data-driven fallback
Carbon Design SystemStructure v1

A compact revenue status strip leads into exception queues, invoice detail, payment attempts, and a focused resolution panel.

Analytics DashboardOperations ConsoleData DenseTask Focused

Composition principles

Keep reporting period, currency, source freshness, and exception definitions visible. Separate ledger facts from operational recommendations.

Behavior and access

Filters preserve URL state, monetary actions require confirmation, and every status uses text in addition to color.

Engineering boundaries

Render server-owned monetary values in minor units with explicit currency. Never infer payment, refund, or entitlement state in UI components.

Carbon Design System token ledger

Structure v1

IBM's open-source design system for products and digital experiences.

Color roles

model
layered surfaces
requiredRoles
background, layer, text, interactive, support

Typography

approach
productive type scale
requirements
tabular legibility, clear information hierarchy

Spacing

approach
structured product grid
baseUnitPx
8

Component rules

dataTables
Support scanning, selection, and explicit batch actions.
notifications
Distinguish inline, toast, and persistent operational messages.

Where this template fits