{
  "$type": "site.standard.document",
  "coverImage": {
    "$type": "blob",
    "ref": {
      "$link": "bafkreicovwvduyiiatq5cyzixt2toykhaa5xlqzoxelvjzoedtjf63vvza"
    },
    "mimeType": "image/png",
    "size": 150734
  },
  "path": "/notes/site-styleguide-now/",
  "publishedAt": "2026-06-19T00:00:00.000Z",
  "site": "at://did:plc:aes3lokiqtv63fk62nwnjeuf/site.standard.publication/3mnin5cnq2q2a",
  "textContent": "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 . That's now a much more useful document containing sections on: 1. Foundations – The fundamentals of my design system including colours, design tokens, type and spacing scales etc. 2. Typography – Visual reference and explanation of the typography & text styling. 3. Content Components – Visual reference and explanation for the components I use in my content. 4. UI Components – Visual reference for non-content UI components like footer or button. 5. 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.",
  "title": "This site has a styleguide now"
}