EMBRACE RESEARCH ADMIN · DESIGN SYSTEM

Clinical operations,
without visual noise.

A restrained system for researchers, clinicians, safety teams, data operations, and governance. One working accent, warm neutral surfaces, explicit semantic status, and typography doing the heavy lifting.Back to screen suite

01 · TYPE

Confident hierarchy, restrained scale.

DISPLAY · VICTOR ROLE

98 participants

Instrument Serif stands in for Victor in this web prototype. Used for section titles and KPI numerals only.

UI · NOTO SANS

Study operations

Body 14/1.5 · secondary 12.5 · tables 13 · micro-labels 11 uppercase.

MONO · JETBRAINS MONO

GWS-234 · AL-2214 · a91c…e72 · 23 Aug 08:27

02 · COLOUR

One accent. Semantics stay semantic.

--shell#0B1B33

--accent#2B4ACB

--canvas#FAFAF8

--surface#FFFFFF

--border#E7E5E0

--ink#191A1C

--body#2A2C2F

--muted#6B6E73

--ok#1E7A45

--warn#96650F

--critical#B02A22

--info#16667D

No gradients. No brand accent colours inside product surfaces. Critical red appears only for the isolated safety pathway and true critical status.

03 · CORE COMPONENTS

Every component includes its states.

STATUS CHIPS

ScreenedUnverifiedIncludedExcludedWithdrawnDraftIn reviewApprovedLiveSuspended

KPI CARD

Registered22098 in study

VERSION BADGE

v1.4 · a91c…e72

Draft · Signed · Promoted · Retired

SLA TIMER

18:4205:1900:48

ALERT BANNERS

Critical alertWhat to check and one primary action.

Operational warningCause, impact, recovery.

APPROVAL GATE

Simulation

PASS

Clinical safety

Signed

Data protection

In review

Sponsor

Blocked

AUDIT STRIP

a91c…e72bc32…104d771…a98

DIFF VIEW

- quiet_hours: off
- language: en-GB

+ quiet_hours: 22–07
+ language: es-ES

SIMULATION RESULT

PASSSynthetic cohort reached 100% of required paths.

ISOLATED PATHWAY

Clinical safety only

2px critical left border. Never used as decoration.

04 · ACCESSIBILITY & GOVERNANCE

Visible in the evidence.

WCAG 2.2 AA contrast across text, status, timers and banners.

Designed focus states on links, controls, tables and navigation.

Row and control targets at least 40px in the admin product.

Every screen carries a capability trace and accurate route.

Canonical dataset prevents conflicting numbers, IDs, dates and statuses.

Safety and AI pathways expose human ownership and blocked states.