← Back to feedback-sticks case
feedback-sticks · deliverable

Visual Mockups & Style Guide — Feedback That Sticks

Kit 03 · Feedback That Sticks · deliverable · designed and built by I Wayan Usada — instructional design portfolio

Mood & palette

Warm-room terracotta #c2542e on paper-warm light surfaces: a practised room, not a seminar hall. In the simulator, outcome colours (green, amber, red) on feedback always sit next to a bold text verdict.

Type system

Serif headlines, a humanist sans for body copy and choices, JetBrains Mono for labels, the session clock and rubric readouts.

Key screens

Observer rubric

Five lines (Specificity, Camera test, Impact, Commitment, Tone), each with five buttons 1–5 that carry a spoken label ("Specificity: 3 of 5") and aria-pressed; notes fields; total /25; round comparison with one decimal.

Simulator

The room: six observers in a semicircle, a pair under a spotlight, the facilitator at the front, a whiteboard with the five rubric lines, the line-1 round scores and the delta, and a yellow "parked" note when a side story is parked. HUD: phase chips, session clock, observer panel with each observer's line-1 score. Decision cards are dialogs with shuffled options; focus moves to the first option and then to "Continue".

End screen

Five numbers: facilitator calls /6, line-1 delta (or "no baseline"), clock, commitment cards written in the room, your calibration against the observers' median; plus one line per call that changed the outcome.

Accessibility

The canvas has a text description and is not needed to play: captions and decision cards carry everything and are mirrored into a live region. Reduced motion removes camera moves and idle sway; the loop stops rendering when nothing moves or the tab is hidden.

Prefer the source? Download the raw markdown.