Visual Mockups & Style Guide — Gallery Hours

Kit 8 · Gallery Hours · deliverable · designed and built by I Wayan Usada — instructional design portfolio

Mood & palette

Gallery-ivory #9a3324 on warm gallery dark — wall-label typography, museum calm; sienna marks the joining move.

Type system

Bitter for headlines and debrief lines · Rubik 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

Gallery scene

visitor panel with opening line, three move cards below, archetype hint hidden until after

Move feedback

principle named in one sentence + what each alternative did to the visit

Docent debrief

four interactions scored on posture, principle recall list

Component decisions

Move cards quote the visitor's words where they join; the archetype label is revealed post-choice to prevent profiling play.

Accessibility

Dialogue panels at 17px; move cards keyboard-selectable; principles announced after selection for screen-reader users.