Menu
Design Brief Library · Paced Render

THE BRIEF
MACHINE.

I wrote six short design briefs about first use, loading, empty screens, uncertainty, error recovery, and actions that delete or change information.

6 hand-written briefs Paced character render Vanilla JS [ INTERACTIVE ]
At a glance 30-second read

What it is

I wrote six design briefs and displayed them one phrase at a time. They cover interface moments such as waiting, missing information, errors, and destructive actions. The text is written in advance, not generated by AI.

What I explored

I explored how pacing changes the way people read and consider a design problem.

Skills and tools

  • Domain knowledge of high-stakes UX moments (the briefs themselves)
  • Paced character render with adaptive pause on punctuation
  • Library architecture ready to plug into an LLM later
Vanilla JS CSS SessionStorage
// The Brief

I organized each brief into five parts: the problem, the interaction, motion, constraints, and a first sketch.

Six briefs cover Error Recovery, First Use, Loading State, Empty State, AI Uncertainty, and Destructive Action. Hand-written, not AI-generated.

⌘ ↵ to generate 0 / 400
// pick a sample · 6 in the library
// BRIEF #042 [ GENERATING ]