> Kit 02 · Rate Guard · deliverable · designed and built by I Wayan Usada — instructional design portfolio

## Mood & palette

Release-night lime #a3e635 on deep charcoal: control-room calm, not marketing green. Amber is reserved for warnings (needless escalation, gap logged), red for the critical ticket. Each audience has an identity colour in 3D (Support sky, Sales amber, Partners lilac) that is always paired with a label.

## Type system

Lora for headlines and debrief lines · Inter for body copy and choices · JetBrains Mono for labels, ticket days and counters.

## Key screens

### KB bundle

Search bar first (Enter logs a zero-result search), five article cards and the launch FAQ (questions are buttons), gap radar at the bottom with illustrative weekly data and this session's own zero-result searches.

### Practice queue

One ticket card (day, stream, sender, message, record lines), then three numbered steps: search the KB → route (one question at a time, breadcrumb, back one step) → attach and file. Feedback shows the score per step and the reason. Debrief table per audience.

### Demo rehearsal

The quote-screen mock with the guided tour; send is disabled until the quote is armed or the bypass is ticked; three customer questions below, with a demo check /4.

### 3D streams

Three labelled streams into a glass KB reservoir, an arc of article panels behind it (one dashed empty frame for the article a gap can draft), three triage gates, a tier-1 tray and a four-floor escalation tower. Leak puddles carry a "leak × n" label.

## Accessibility

All choices are native buttons; the search field has a label; the FAQ questions expose `aria-expanded`; feedback is mirrored into a live region; in 3D every action is in the panel and the five "Look at" buttons move the camera. Colour never carries meaning without text.