Admin Portal WorkOS
WorkOS Tier 3 Access
vama WorkOS · Mockup Set v1 · 28 May 2026

The cockpit
for the AI-augmented
enterprise.

vama can fly without it. But for the organisations that want to actively command, train, and shape a digital workforce alongside the human one — WorkOS is where senior leadership sits. This is the visual language of that cockpit.

Step 1 · Admin Portal
Standard chrome.

The user lands in the regular Admin Portal — white-label, restrained, configurational. White on light grey, navy accents. A "WorkOS" entry appears in the left rail only for users with workos.access.

Step 2 · Doorway
A deliberate transition.

Clicking "WorkOS" plays a 400ms transition: the chrome darkens; the brand gradient washes from top to bottom; the "WorkOS" badge appears in the header. The user has visibly crossed a threshold.

Step 3 · WorkOS
Cockpit chrome.

Dark sidebar. Calm canvas. The gradient appears only in moments of significance. Information density is high. Every metric exposes its calculation. The captain is in the chair.

Brand palette · vama "Sovereign AI"
Calm by default. Gradient only for moments of significance.
Near-black
#1F1F1F
vama Violet
#6439FB
Magenta
#D248DD
Amber
#F9A741
Brand gradient
v · m · a
Panel grey
#F7F7FA
Slate
#5C5C70
White
#FFFFFF
Alignment tier bands
Single source-of-truth colour code for EMA alignment
Foundation0 – 40 · Slate
Learning40 – 65 · Violet
Capable65 – 80 · Magenta
Proficient80 – 90 · Amber
Mirror-grade90 – 100 · Full gradient
Autonomy tier progression
The five-step ladder of EMA operational authority
Observe Assist Co-execute Supervised Validated

Current tier filled with the brand gradient. Tiers behind: dark. Tiers ahead: outlined. Promotion between any two tiers requires explicit human authorisation (per Principle 1: Humans Remain in Command).

Alignment dial component
The signature visualisation of WorkOS
32/100
Foundation
58/100
Learning
74/100
Capable
87/100
Proficient
94/100
Mirror-grade
Workforce-type identification
Humans, vanilla agents, and EMAs are visually distinct everywhere
SC
Sarah Chen
Finance Analyst · Treasury
● Human
SC
Sarah Chen's EMA EMA
Phase 3 · Alignment 87 · Linked to Sarah
◐ EMA
VA
Treasury Helper #4
Vanilla Agent · Pool · 28 active executions
◇ Vanilla

This banner uses the full brand gradient — reserved for moments of significance. A threshold crossing is exactly such a moment.

Principle 1
Humans remain in command.

No promotion, no transition, no replacement is automatic. Every threshold gate ends in a button labelled Authorise — pressed by a person.

Principle 2
Transparency by default.

The employee sees everything their manager sees about their EMA. Often more. The Individual Employee View is built around this.

Principle 3
The harness never sleeps.

Every governed action is in the audit log. No private path, no quiet override. The Agent Profile's Audit Timeline makes this visible.

Principle 4
The score is never the decision.

Labels say "Briefing Ready" — not "Recommended for Replacement." The verbs of agency belong to humans.

Principle 5
Calm by default, loud when significant.

Most of the UI is greyscale and panel-grey. The gradient appears only when a leadership decision is at hand.

Principle 10
The aircraft flies without the cockpit.

WorkOS is downstream of the vama harness. If WorkOS is offline, vama Server, Companion, Claw, and Mobile keep working.

vama WorkOS · Mockup Set v1 · Brand source: VinTech Leaflet Redesign (May 2026)
Static HTML mockup · Not a live application