The design engineering magazine.
Notes on design, code, and the details in between.
A small blog about building interfaces that feel better — typography, color, components, and the math underneath. Rendered with Typeset.
Skills
How a small markdown file can teach an AI assistant the conventions of your project before it writes a single line of code.
Read the postMore posts
The Math of Nested CommentsWhy a comment thread is a layout problem before it is a product problem — rails, elbows, depth, and the one flex gap that breaks the whole tree.
TypesetThe case for styling rendered markdown with three numbers instead of thirty, and why owning the CSS file beats inheriting a plugin.
A Gentle Introduction to Linear AlgebraVectors, matrices, and the few ideas that make most of machine learning feel less mysterious than it sounds.
Designing for the EdgeLatency is a budget you spend, not a number you chase. Treating it as a material changes what you build and what you show while you wait.
Reading JavaScript SyntaxA field guide to the bits of modern JavaScript and TypeScript that confuse people the most, with the problem each one was built to solve.
Typography as a System, Not a SettingA type scale earns its keep when it stops being a list of sizes and starts being a set of relationships you can reason about.
Building Blocks, Not PagesWhy the page is the wrong unit of work, and how treating components as the unit stops an interface from slowly drifting apart.
The Kitchen SinkA reference post that exercises every kind of Markdown Typeset renders — headings, lists, tables, footnotes, math, code, and more — with original copy.
Color in OKLCHWhy the numbers in your color picker have been lying to you, and how a perceptually uniform space fixes palettes without taste getting involved.