Visual Mockups & Style Guide — The Second Signature

Kit 10 · The Second Signature · deliverable · designed and built by I Wayan Usada — instructional design portfolio

Mood & palette

Ledger-brass #c9a227 on ledger-dark — brass instruments on green-bar paper; brass marks the principled rung.

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

Memo file

memo on paper chrome, three response cards below, no time pressure

Ladder panel

four rungs drawn, chosen rung marked, professional consequence in one line

Culture readout

file of decisions as a ladder-usage pattern, proportionality marks

Component decisions

Response cards quote the memo's own language back; the ladder panel is always available after commit — judgment needs the map.

Accessibility

Memo text at 17px serif; rungs keyboard-navigable; consequences in text, not icons.