A History of Design Systems – Part 1: Before The Screen (WIP)
Let me take you through the fascinating journey of how 580 years of print and industry invented "the system". Long before anyone wrote a line of CSS or JavaScript, humanity already invented every conceptual ingredient of a modern design system — reusable components, documented standards, modular composition, governed change. It often feels like the web era invented design systems, but it only inherited them.
When I was 12, some of my happiest moments involved crafting and rendering 3D models of cars. I'd spend hours and hours searching for the perfect blueprint. Specifically, orthographic drawings of the front, back, side, and top views of a car – the kind of technical schematic that lets you reconstruct a Porsche Carrera GT polygon by polygon in 3D Studio Max. I didn't know the word "specification" yet. I didn't know I was doing engineering. I thought I was just making cars.
Years later, the first time I opened a mature design system, I had a strange feeling of déjà vu. Components nested in components. Documentation telling me which surface to use where. Tokens defining the exact color of a button the way a 3D material defines the color of a car body. It took me a long time to understand why it felt familiar. I had been working with design systems since I was 12. I just didn't have a name for them.
The First Design System Was Made of Metal
Most people know that Johannes Gutenberg [1], the German goldsmith and printer, invented the movable type printing press around 1440. It is hard to imagine what the eras of the Renaissance, the Reformation, the Scientific Revolution, and the Enlightenment would have been like without printing, and it's even harder to imagine what that would look like today.
Few people notice what he actually invented: a system of small, identical, reusable metal pieces: punches, matrices, moulds — that could be combined and recombined endlessly to produce any text.
Every design token is a great-great-grandchild of a piece of metal type.
When we create a Button and reuse it in 50 places, it feels clever. Gutenberg felt that 580 years earlier, except his "components" were the letters A to Z. Every design token is a great-great-grandchild of a piece of metal type, and every blueprint I ever downloaded was a great-grandchild of a Caslon specimen sheet [2] — a document whose sole purpose is to let someone else reconstruct a typeface design, accurately.
The First Design System Documentation
In 1494, in beautiful Venice, the city built on 118 islands connected by over 400 bridges, Aldus Manutius founds the Aldine Press and, over the next twenty years, ships the first italic typeface, the portable octavo book format, standardized punctuation, and a printer's mark — the dolphin and anchor — that worked, in modern terms, as a brand identity.
I'm writing in the open. This article is still work in progress.