Visual Mockups & Style Guide — Desk Zero

Kit 19 · Desk Zero · deliverable · designed and built by I Wayan Usada — instructional design portfolio

Mood & palette

Desk-blue #2563eb on office-dark — procedural calm; lane colors are muted and always labeled with the SOP number.

Type system

Crimson Pro for headlines and debrief lines · Nunito Sans for body copy and choice cards · JetBrains Mono for labels, timers, counters and data readouts. Numbers and feedback always set in the largest voice on screen — the consequence is the loudest element, by design.

Key screens

Triage board

email pane left, three lane cards right, combo-timer chip above the lanes

SOP feedback

lane verdict + SOP clause verbatim + what the correct lane does

Pattern debrief

eight emails in route order, autopilot flags, lane map against SOP

Component decisions

Lane cards are stamp-pads, not menus; the timer never rushes the read, only judges the routing speed after the read.

Accessibility

Timer is informational (no countdown anxiety); SOP text at 16px; lane contrast 4.5:1 with text labels throughout.