satya
← All works
Case Study

NotBad — The Words Are the Interface

NotBad — The Words Are the Interface

The brief

Port Trace — a beloved macOS-only Markdown writer built on a web engine — to every desktop as a pure-Flutter app, without losing the one thing that makes it special: an interface that gets out of the way of the words. The case study covers the full design system (color, type, motion, and layout tokens), the concealment engine's UX, the state machines behind the document trust model, and a decision log of what was chosen and why.

Read it

The condensed case study is on this site; the fully detailed version — with Mermaid diagrams, complete token tables, and the element inventory — lives in the repository's docs.