Kit 21 · The Quad · deliverable · designed and built by I Wayan Usada — instructional design portfolio
Quad-terracotta #b4532a on chalk-dark — campus governance, not war room; each faction gets a muted tint that never touches the accent.
Merriweather for headlines and debrief lines · Open 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.
4x4 quarter grid, six move tokens, two-currency ledger rail on the left
posture hints, move history, willingness range (never the exact number)
moves played, currency spent, adoption delta, one-sentence governance lesson
Move tokens are stamps, not buttons — pressing one 'commits' it to the quarter; the ledger always shows both currencies side by side.
Quarter grid navigable by keyboard; faction colors paired with named glyphs; readouts announced in DOM order of play.
Prefer the source? Download the raw markdown.