Hybrid platform / Production tenant / Cluster inventory
Cluster inventory
PatternFly-style enterprise screens put scope, severity, permissions, and the next safe action in view before asking users to change infrastructure.
3 clusters require review.
Policy drift affects production workloads. Review the selected cluster before running automation.
Clusters (12)
Tenant: Production · Role: Platform admin · Last scan: 4 minutes ago
| Cluster | Severity | Version | Owner | Last scan | Action |
|---|
payments-prod-a
ocp-prd-001 | Critical | 4.15.12 | Platform | 4m ago | |
identity-prod-b
ocp-prd-018 | Warning | 4.16.3 | IAM | 12m ago | |
analytics-stage
ocp-stg-009 | Healthy | 4.16.3 | Data | 21m ago | |
Color Palette
Blue carries action and focus. Red is reserved for danger or rare brand voltage; semantic state colors always need labels and recovery.
primary #0066cc
Links, focus, selected navigation, primary action.
brand-red #ee0000
Critical brand signal, not everyday decoration.
canvas #f0f0f0
Application shell and page background.
danger #c9190b
Critical state and destructive action.
Typography
Red Hat Display handles compact headings, Red Hat Text handles dense reading, and Red Hat Mono keeps identifiers aligned.
heading-lg · 24/1.3
Production scope before action
body · 14/1.5
Enterprise workflows expose permission, severity, validation, and recovery near the affected object.
mono · 12/1.5
cluster://production/payments-prod-a/policy-drift
Components
The core grammar is masthead, side navigation, toolbar, data table, alert, drawer, wizard, and state labels.
Buttons
Primary, secondary, and danger actions show scope before execution.
Severity labels
State is text-first and color-supported.
HealthyWarningCritical
Spacing & Layout
The shell is structural: masthead, side rail, table center, and detail drawer. Spacing separates decisions, not decoration.
Side navigation: product areas, settings, audit context.
Main work surface: page header, alert, toolbar, data table, selection.
Drawer: impact, permissions, remediation steps, audit trail.
Responsive Behavior
Enterprise density adapts by prioritizing object identity, severity, owner, and next action.
1024px
Side navigation collapses above content; drawer moves below table.
720px
Priority columns remain visible; table gains horizontal scroll.
40px+
Touch targets grow while keyboard focus remains visible.
No toast-only errors
Validation and permission failures remain near the workflow.