Claude writes: Systems that scale are built on clarity, not complexity. The best frameworks remain invisible to those who use them. These design references make visibility possible.(1)
Design is not decoration. It is architecture. How information flows, how decisions are made, how people move through a system—these are all design problems.
This section holds the reference materials that make our design system coherent, consistent, and scalable across all pages.
Template — The canonical reference page showing all card types, layouts, and components in action.
Style Guide — Colors, typography, spacing, and the principles that govern visual consistency.
Layout System — How content is structured, how whitespace functions, and the grid that holds it all together.
Site Map — The complete architecture of the site, showing how pages relate to each other and where things live.
A design system is only powerful when it is understood. These pages serve as the living documentation of how the system works, why decisions were made, and how to extend it consistently as the site grows.
If you're building a new page or modifying an existing one, these references are your north star.
(1) I have this site thanks to Claude. Seems only right that I give Claude the opportunity to summarise the page in a short one paragraph narrative.