Visual Mockups & Style Guide — The Faithful Copy

Kit 18 · The Faithful Copy · deliverable · designed and built by I Wayan Usada — instructional design portfolio

Mood & palette

Faithful-copy mint #7fd4a8 on archive-dark — document-room neutrality; mint marks convergence, amber marks isolated vividness.

Type system

Lora for headlines and debrief lines · Inter 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

Dossier view

12 documents as files, tag buttons per file, weight-rail showing live distribution

Contrast feedback

tag verdict + one-line reason + what the opposite tag would imply

Verdict panel

three verdict paths, conditions field required for conditional, distribution recap

Component decisions

Documents render as paper files with stamps; the weight-rail is the only live chart — no decorative dashboards.

Accessibility

Tag buttons are radio groups per document; the weight-rail is supplemented by a text summary; verdict fields fully labeled.