AD
Senegal · WASH / Sahel
Day 14. Community leader has refused site access. Materials arrive in 72 hours.
UNOPSFirst deployment
Foundations
01 / 13
Palette & type system.
Brand hexes lifted straight from Qquench guidelines. Three families: Fraunces for display, DM Sans for body, DM Mono for chips, badges, and instrumentation.
Primary blue#0092d1
Navy#004976
Teal#00a997
Ocean#4ec3e0
Yellow#f8ea44
Cherry#991e66
Orange#e85c0e
Lime#c4d600
Deep sea#0d1e2f
Blue 2#00669a
Alert#da291c
Success#4c9f38
Fraunces · serif · display · 600 / italic 500
No
project survives first contact with
reality.
DM Sans · body · 13 / 14 px · line-height 1.65
PRINCE2
lives in the seams between principles, themes, and processes. Every screen of this course is built to make
those seams visible — through scenario, consequence, and recovery.
DM Mono · labels / chips / instrumentation · 9–11 px
M2 · how
projects are structured · screen 04 of 12 · ~6 min remaining
Mac windows
02 / 13
Every instructional container floats.
Three dots, centred mono title, hairline border, soft shadow. On hover the whole window rises 3px and the close dot darkens. This is the only chrome we use for primary content.
In-context scenario
"Day 14. The materials are crossing the border. You don't have site access yet."
Hover this window — the whole container lifts 3px and the shadow blooms. The close dot darkens to confirm hit area.
Knowledge check
Which PRINCE2 principle is being tested when a Project Manager raises an Exception Report?
Window chrome is identical to scenario containers — what changes is the chip in the body, never the frame. Consistency is non-negotiable.
Module folders
03 / 13
Five modules, each its own folder colour.
Three-layer construction: tab, back panel, content peek, front panel. Spring easing on hover — front slides down, peek floats up. Tactile, instantly readable.
🧭
M1 · What is PM
8 screens · 22 min
🏗️
M2 · Structure
12 screens · 34 min
📊
M3 · Monitor
10 screens · 28 min
🗂️
M4 · Closure
6 screens · 16 min
🎯
M5 · Simulation
L3 · War Room
📖
Glossary
37 terms · 3 frameworks
Archetype credentials
04 / 13
Six learners. Six field lenses.
Each card is a UNOPS field credential — lanyard hole, gradient avatar, location pin, italic challenge quote, status chip. Hover for the holographic shine sweep.
RM
Colombia · Infrastructure
Contractor filed a variation order exceeding tolerance. Donor wants answers.
UNOPSContractor crisis
PN
Bangkok · Multi-country Pacific
Government partner is over-reporting outputs. Mid-term review in 3 weeks.
UNOPSReporting gap
ME
Copenhagen · HQ Portfolio
Three projects show the same early-warning pattern. Nobody is connecting the dots.
UNOPSPortfolio risk
FA
Jordan · Health / Conflict zone
Security incident. Site suspended. Donor wants written response in 2 hours.
UNOPSSecurity event
EV
Kyiv · Reconstruction
You were procurement. Now you are Acting PM. Project Board meeting in 2 weeks.
UNOPSNew
PM
Post-its
05 / 13
Marginalia, tilted on purpose.
Used for principle callouts, field tips from archetypes, reflective prompts. Never primary content. Alternate rotations. They straighten and lift on hover.
PRINCE2 · Principle 5
"Manage by exception" — set tolerances, then only escalate when they're breached. Saves everyone's calendar.
Tip · Fatima
The first 30 minutes of any incident are about information triage, not solutions.
RBM · Definition
Outputs are what you produce; outcomes are what changes for someone because you produced them.
Reflective prompt
Recall a time you reported activity when you should have reported outcome. What were you protecting?
From M3 · Magnus
Pattern-spotting across a portfolio is the highest-leverage PMO skill. Single projects rarely surprise you twice.
PRINCE2 · Tolerance
Six dimensions: scope, time, cost, quality, benefits, risk. Lose track of any one and you lose your defence.
Glossary peek
Highlight Report — periodic update from PM to Project Board, summarising stage progress against plan.
UN-adapted
For UNOPS, the Project Board is typically the Donor + Programme Manager + Country Director.
Scenario screen
06 / 13
Read the situation, commit to a choice.
Pull-quote in italic Fraunces, scenario body in DM Sans, choices that slide right on hover. The Next button stays disabled until you commit. Post-it sidebar carries supporting PRINCE2 context.
Day 30
In-context scenario
Bloom's L3 — Apply
"No project survives first contact with reality unchanged."
You are at the end of Stage 1. Your tolerance band on cost is ±5%. The Stage 1 actuals come in at +7.2%. The donor liaison wants to see "stable burn" before the next disbursement. Your Project Board meets in 6 days.
What do you do next?
A
Quietly absorb the variance into Stage 2 contingency and report green to the Project
Board.
B
Raise an Exception Report immediately — describe the variance, the cause, and three
options with recommendation.
C
Wait for the donor liaison call, gauge appetite, then decide on reporting style
afterwards.
PRINCE2 · Principle 5
An Exception Report is not a confession — it's a forecast. You're showing the Board the future they need to choose against.
Tolerance data
Cost tolerance band on this stage: ±5%. Current variance: +7.2%. Breach confirmed.
From M1 · Fatima
"Donors don't want surprises in PowerPoint. They want decisions in writing."
Consequence dashboard
07 / 13
Four dials that respond to choices.
After each scenario the dials animate. Schedule (blue), Budget (yellow→orange), Stakeholder Trust (teal→blue), Risk (red→cherry). Status dot + percentage make state legible at a glance.
ScheduleStage 1 → 2
On track · margin recovered72%
BudgetCost actuals
Approaching breach · +7.2%88%
Stakeholder trustDonor + Board
Strengthened — exception report logged54%
Risk levelComposite
Elevated · contractor variation pending68%
Progress tracker
08 / 13
Where you are, where you're going.
Step nodes — done (filled blue), active (pulsing ring), locked (grey). Connector fills as you advance. Track-name chip on the right.
L2 Intro
Role select
M1 · PM
4
M2 · Structure
5
M3 · Monitor
6
M4 · Close
7
M5 · War Room
Certify
Glossary panel
09 / 13
37 terms, three frameworks.
Click any term to expand the definition. Items slide right on hover and shift the left border to teal. Filter chips at top toggle framework scope.
PRINCE2 · 22
RBM · 8
UNOPS · 7
Exception reportPRINCE2
A formal report from the Project Manager to the Project Board when a forecast variance is predicted to breach an agreed tolerance. Contains: cause, impact, options, recommendation.
TolerancePRINCE2
Outcome (vs output)RBM
Highlight reportPRINCE2
IICA / P-gradeUNOPS
Results chainRBM
Stage boundaryPRINCE2
Resource cards
10 / 13
Templates, downloadable.
Each card lifts 3px on hover, border shifts to primary blue. Coloured icon box signals document type. File format spelled out in DM Mono.
Exception Report Template
Risk Register / RAID Log
6 Tolerance Tracking Sheet
Stakeholder Matrix
Stage Plan One-Pager
Results Chain Worksheet
L3 War Room
11 / 13
Dark mode. Live simulation.
Three-panel layout: inbox triage, live dashboard, document tray. Countdown timer, archetype badge. Background is Deep Sea — never the light theme.
WAR ROOM SIMULATION · L3 · CONTROLLING A STAGE
02:00:00 remaining
FA · Fatima Al-Rashid · P-4
Inbox · live3 unread
Donor Liaison · UNOCHA02m
"Written response required within 120 minutes. Reference: site suspension Z-44…"
Security Focal Point04m
"Incident report drafted. Awaiting your sign-off before broadcast to country
team."
Programme Manager · HQ11m
"Pulling tolerance data on health stream. Stage boundary in 6 days — still on?"
Contractor PM22m
"Crew safely withdrawn. Materials secure in compound. Standing by."
Project Board admin1h
"Calendar invite sent — emergency Board call slot reserved."
Live consequence dashboardauto-updates · 30s
Schedule
Approaching · −2 days48%
Budget
Watch · +4.6%71%
Trust
Stable · donor engaged62%
Risk
High · active security event84%
Exception Report
Highlight Report
Risk Register
Stakeholder log
Document tray
Exception Report
Highlight Report
Risk Register
Stakeholder log
Exit menu
12 / 13
Pause without losing the thread.
Triggered from the ⋯ in the nav bar. Dark overlay on the grid, four options. Auto-save is non-negotiable — learners can leave and return mid-scenario without losing state.
"You can leave at any time. The course remembers exactly where you were."
Click the button to open the live overlay. Tap outside the panel or hit Esc to dismiss.
Chips + buttons
13 / 13
The vocabulary, at a glance.
Every chip, badge, and button used across screens. Buttons rise on hover. Chips never. Status chips always carry a 5px coloured dot.
Bloom's
level
L1 — Remember
L2 — Understand
L3 — Apply
L4 — Analyse
Screen
type
In-context scenario
Knowledge check
Simulation
Reflective input
Expert unlock
Status
Active
Locked
Completed
Expert unlock
Primary
actions
Ghost /
secondary
Framework
tags
PRINCE2
RBM
UNOPS