Accessibility and richness of content are always in the foreground and influence not only our content, but also the platform on which we want to present it.
Design decisions
system-uiis the font family we have chosen. In order to respect the font choices of our users and to reduce the data transfer of the site itself, we have decided against a separate font family.- Tailwind CSS provides us with a token-based design system for CSS that allows us to flexibly design our pages using a wide range of color palettes.
- IBM Design Language UI icons are a perfect match for our chosen typeface, as the icons were created in parallel with IBM’s corporate typeface.
- Unsplash is our primary source for abstract imagery used in article previews, preferably 3D renderings.
Technical decisions
- MDX allows us to use our content independently of a proprietary format in a wide variety of frameworks. In combination with Frontmatter, we can provide important metadata about the content in a readable format.
- Astro has proven to be a reliable and incredibly flexible framework for building both server-side and static websites. Since we’ve built previous projects with Astro, it was a no-brainer to include it in our blog.
- Alpine.js handles interactivity and reactivity in the client. We’ve already shared our positive experiences with Alpine.js in our first article on the topic.
- Cloudflare hosts our static pages on a global edge network. This improves response time, reduces our carbon footprint, and keeps uninvited visitors out.