This site has a styleguide now
I finally took some time to add a somewhat-proper styleguide to this site. I’ve always had “hidden” styleguides for articles and notes which I use to check how things look, and for the last year or so I’ve also had a very janky styleguide-cum-component-library at /styleguide.
That’s now a much more useful document containing sections on:
- Foundations – The fundamentals of my design system including colours, design tokens, type and spacing scales etc.
- Typography – Visual reference and explanation of the typography & text styling.
- Content Components – Visual reference and explanation for the components I use in my content.
- UI Components – Visual reference for non-content UI components like footer or button.
- HTML – Visual reference for native HTML elements which aren’t covered elsewhere.
This is mostly meant as a reference for me but I’m glad I took the time to polish it up enough that I’m happy to share it.