// 005 — Design Brief Library

THE BRIEF
MACHINE.

A curated library of design briefs in the studio's voice. Pick a challenge. The brief renders at reading pace — structured, opinionated, ready to work from.

build.2026.05 curated · 6 briefs paced render [ ACTIVE ]
// The Brief

The brief was constraint. Most brief generators produce expansive lists. This one produces structure: core tension, interaction approach, motion language, constraints, first sketch. Five sections. Enough to think from, not enough to hide behind.

Six briefs — Error Recovery, First Use, Loading State, Empty State, AI Uncertainty, Destructive Action — because those are the moments where interface design matters most. The happy path doesn't need a brief. Hand-written, not generated.

The paced render is intentional. Watching the brief form at character pace slows the designer down. The constraint arrives word by word. By the time it's done, you've already started thinking.

⌘ ↵ to generate 0 / 400
// pick a sample · 6 in the library
// BRIEF #042 [ GENERATING ]
// In review
// Craft decisions
  • This is a library, not a generator. Six briefs, hand-written in the studio's voice, mapped to six samples. Calling it AI would be the wrong claim — calling it curated is the right one. The render pace and frame are the design; the words are the work.
  • Render is character-paced with adaptive pause: 11–25ms baseline, +30ms after newline, +55ms after .,—?!:. The output reads like writing — the brief thinks at punctuation.
  • The brief counter starts in the #040s, randomized, and persists in sessionStorage. The product looks lived-in. A static #001 would feel fresh-tab.
  • Six sample prompts, six briefs — and they map. Click "loading state" and you get the loading-state brief. The connection between input and output is part of the design.
  • The brief format itself is the artifact. Same labels, same arrows, same brackets, every time. The shape is opinionated. Plug it into any AI brief generator later — the format ports.
// What this is not
  • Not an AI demo. The earlier framing claimed AI; the page didn't deliver. Honest now: a curated library with a paced render. The next version of this project would route freeform input to a real model — different scope, different page.
  • The brief renders as one block. A real version would render section-by-section, with the format dimming and resolving as it lands. Section-level structure.
  • The output isn't editable. The point of a brief is to start from it; users will want to mark it up. Click-to-edit on the output would be the next move.
  • Six briefs is a small library. Twenty would feel inhabited; six feels demo-able. The ratio is honest about scope.
// PALETTE