Phase 3

Design System

Tokens and components shared by every role portal. Palette and type are grounded in official travel documents — navy for authority, brass for a seal-like accent, a perforated stamp badge for workflow status.

Color

ink

#14203D

paper

#F5F7F9

surface

#FFFFFF

brass

#A87C2A

signal-approved

#1E7F55

signal-pending

#B07A1E

signal-rejected

#B23B32

signal-info

#2A5FA5

Type

Fraunces — page titles & headers

Inter — UI text and body copy, set for data density

IBM Plex Mono — case refs, IDs, timestamps

Buttons

Badges & the stamp signature

Draft3 newDocument CollectionSubmittedDecision — ApprovedRejected

Form controls

Card

Branch summary

London — 14 active staff

Card content area for stats, forms, or lists.

Table

NameRoleStatus
JD
Jane Doe
ConsultantActive

Empty state

No cases yet

Cases will appear here once the Cases module ships in Phase 6.