Design Teardown

See how great designs are built, right on the page you are viewing.

Design Teardown is a growing toolkit for deconstructing web pages and apps, layout guides, spacing checks, color extraction, and more, laid directly over the page you're already looking at. Starting small. First tool: Uniform Grid. A pixel grid over the page, sized, colored, and dialed to whatever opacity keeps it useful without getting in the way. No DevTools, no screenshot round-trip, just the grid on the page. More tools land as they're built. If you care how a page is actually put together, this is for you.