Design System

Design System

Content fundamentals

  • Capital Letters. Sentence case for headings, buttons, links and labels. The page title (post-h1), the mono label, meta and link-mono styles are set uppercase by CSS.
  • Buttons and links. Always carries an descriptive accessible name, explaining their action or destination. In isolation, the purpose or context should be understood alone.
  • Errors. Explain what is wrong and how to fix it, for example: "Enter an email address, such as name@example.com."
  • Internalization. Everything (except this page :P) is written in three languages: Spanish, my native language, English, my second language I like to thing, and Italian, which is a language that I am still learning but I included to force myself to write in this language to exercise.
  • Icons. Icons are lucide, only one emoji on the footer which is hidden from assistive technologies.
  • Numbers and dates. Dates are short and localised ("Sep 23, 2026"), reading time is "7 min read", counters are two digits ("01", "07").