Enterprise console system

Data first, action certain.

A restrained enterprise interface for tables, filters, approvals, permissions, and repeatable operations. The first screen exposes scope, status, and the next safe action.

Review patterns Inspect tokens

Operations Console

AuditHelpAdmin

Order approvals

Filtered by active merchants and pending review.

Create rule

Merchant: all

Status: pending

Risk: medium+

Updated: 24h

Pending128

Needs evidence18

SLA risk6

Order	Status	Owner	Amount	Updated
ORD-1048Retail / CN	Review	Li Wei	$42,800	8m ago
ORD-1041Marketplace / US	Pending	Avery	$19,240	23m ago
ORD-1033Logistics / EU	Cleared	Marta	$7,520	1h ago

Drawer detail: ORD-1048 requires invoice evidence before approval. Keep validation close to the affected row.

Color Palette

Blue is action and information. Neutral surfaces hold dense enterprise data, while semantic colors identify workflow state with explicit labels.

primary #1677ff

Action, links, focus.

canvas #f5f5f5

Enterprise page background.

hairline #d9d9d9

Tables, cards, inputs.

success #52c41a

Approved and healthy states.

Typography

base / 14 / 400 / 22px line

Restrained hierarchy scales work.

Most enterprise screens need only 3-5 sizes. Use font weight and spacing for priority before reaching for oversized type.

Components

Filter form

Status: pending

Frequent filters stay visible.

Status tag

Review

Color plus text state.

Primary action

Approve

One dominant task.

Drawer detail

Show row context without losing table position.

Responsive Behavior

Desktop

Side nav, filters, metrics, table, and drawer can coexist.

Tablet

Collapse side nav and stack filters.

Mobile

Prefer searchable lists and details over full dense tables.

Motion

Use transitions to preserve context for drawers, modals, and list changes.