Colophon
This website is statically-generated with Astro combined with Vue in the mix that empowers reactive components. Stylings are powered by UnoCSS, an on-demand atomic CSS engine.
Website is hosted with 100% renewable energy on Cloudflare Pages. Site analytics are powered by Umami.
Colors
Color palette are extracted from Untitled UI design system with 2 different grays for light and dark mode.
To enhance user experience, dark mode colors are designed as a heavily desatured version of their light mode counterpart.
Typography
There are 3 typefaces that are used in this website: Inter, Georgia, and JetBrains Mono.
Inter is a neo-grosteque sans-serif designed as a workhorse typeface for a wide range of applications, including user interfaces. Inter is used as the main font of this website, serving as the typeface body copies and headings alike.
Georgia is a classic serif typeface, inspired by 19th-century designs and optimized by Microsoft for on-screen readability. Georgia is used as the typeface for quotes in blog posts.
JetBrains Mono is a monospaced font created by JetBrains and distributed under SIL Font License. JetBrains Mono is used in all code-related contexts.
Visuals
Most of the images on my posts are taken from various sources with attribution that can be found under the image. Diagrams are made with Miro and Mermaid.
Icons are handpicked from the combination of Lucide for the general UI icons and Simple Icons for all brand icons, both of which are available through Iconify.
Theme switcher are directly extracted from toggles.dev.
Inspirations
The design of this website is influenced by multiple sources I stumbled upon. Below is the list of inspirations that influences this website in no particular order:
Open Source
This website is open-sourced and licensed under MIT License on my GitHub. Blog posts are licensed under CC BY 4.0.
If you find a bug on this site or want to submit a feedback, feel free to create an issue on the repository.