← Back to long-goodbye case
long-goodbye · deliverable

Visual Mockups & Style Guide — The Long Goodbye

Kit 15 · The Long Goodbye · deliverable · designed and built by I Wayan Usada — instructional design portfolio

Mood & palette

Memory-warm #7a5c3e on lamplit dark — evening light in a ward corridor; amber marks joined moments, cold gray marks corrections.

Type system

Newsreader for headlines and debrief lines · Karla 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

Ward moment

scene line, three response cards, no timer — presence is never rushed

Response anatomy

three layers shown: emotion honoured / fact handled / exit given

Care debrief

four moments on the single lens, the debate panel in plain words

Component decisions

Response cards are written in staff voice, not clinical voice; the anatomy panel is the teaching instrument, always after the commit.

Accessibility

No timers anywhere; anatomy panel text at 17px; the lens state is text, not color alone.

Prefer the source? Download the raw markdown.