Cloud operations need scope before action.
This system prioritizes service context, account and region scope, actionable alerts, resource tables, and split-panel detail. It is dense because cloud work is comparative and high-risk.
Resources (18)
Filtered by production account and running status.
Region: us-east-1Environment: productionStatus: running
| Resource | Status | Region | Owner | Updated |
|---|---|---|---|---|
| api-cluster-a i-02f3a91 | Healthy | us-east-1 | Platform | 3m ago |
| jobs-worker-b i-08ca144 | Drift | us-east-1 | Automation | 18m ago |
| public-gateway alb-19d0 | Alarm | us-east-1 | Security | 1h ago |
Color Palette
Blue is action and information. Semantic states are separate and must be paired with text and next steps.
primary #0972d3
Action, focus, information.
canvas #f2f3f3
Console shell background.
hairline #d5dbdb
Container and row borders.
danger #d13212
Errors and risky action states.
Typography
The console stays readable at 14px while preserving strong headings and mono identifiers.
display-xl · 44/1.12
Resolve drift safely.
body · 14/1.5
Every workflow exposes resource scope, validation, permission, and recovery.
mono · 12/1.5
arn:interface:compute:us-east-1:resource/api-cluster-a
Components
Collection tables, flashbars, preferences, split panels, and wizards keep high-risk operations recoverable.
1
Choose scope
Account, region, service, and resource group.
2
Review impact
Affected policies, alarms, and dependent resources.
3
Confirm remediation
Explicit action copy and rollback path.
Spacing & Layout
The app layout is structural: service rail, page header, table center, and contextual detail panel.
Service navigation and resource families.
Primary collection table, filters, pagination, and selected action.
Split panel with resource detail, logs, permissions, and remediation steps.
Responsive Behavior
Large tables do not become decorative cards. Priority columns remain visible, and detail panels move below context.
1024px
Collapse side nav and move split panel below.
720px
Horizontal table scroll or stacked resource summary.
44px
Touch actions need larger targets.
Visible errors
No toast-only validation or destructive scope.