← Back to lms-pulse case
lms-pulse · deliverable

Visual Mockups & Style Guide — LMS Pulse

Kit 20 · LMS Pulse · deliverable · designed and built by I Wayan Usada — instructional design portfolio

Mood & palette

Pulse-teal #0d9488 on monitor-dark — a clinical readout, not a marketing dashboard; teal marks diagnosed signals only.

Type system

Spectral for headlines and debrief lines · Work 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.

Key screens

Cohort dashboard

metric tiles with one signal-picker per tile, diagnosis pane locked until a story is named

Intervention round

six cards, 2-slot tray, alignment preview greyed until diagnosis is committed

Debrief grid

three cohorts as columns, story rows aligned, diseases named in one line each

Component decisions

Tiles are read-only instruments — the only interactive element per tile is the signal pick; the gate is a physical-feeling latch.

Accessibility

Tile data has text summaries; the gate state is announced; debrief grid is a real table, not an image.

Prefer the source? Download the raw markdown.