# This site has a styleguide now

> For the complete site index, see [llms.txt](https://danny.is/llms.txt)

https://danny.is/styleguide

I finally took some time to add a **somewhat-proper** styleguide to this site. I've always had "hidden" styleguides for [articles](/writing/article-styleguide/) and [notes](/notes/note-styleguide) 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`](/styleguide).

That's now a much more useful document containing sections on:

1. **[Foundations](/styleguide/foundations)** – The fundamentals of my *design system* including colours, design tokens, type and spacing scales etc.
2. **[Typography](/styleguide/typography)** – Visual reference and explanation of the typography & text styling.
3. **[Content Components](/styleguide/components)** – Visual reference and explanation for the components I use in my content.
4. **[UI Components](/styleguide/ui)** – Visual reference for *non-content* UI components like *footer* or *button*.
5. **[HTML](/styleguide/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.