Technology
This website is built with Jekyll and is hosted on GitHub Pages. It uses a custom theme written largely by hand with HTML and SCSS.
HTML and CSS does the heavy lifting here, with the only JS scripts being for analytics and an easter egg when you open the development console.
I had opted for Jekyll primarily so I can publish content to this website using Markdown. I had previously used React until 20231, but decided to switch so I didn’t have to build all the infrastructure needed to handle all that.
Design
I had some up with a mini design system for my own personal branding on the internet, which I use to guide the design on projects not needing their own style guides.
It started out with a logo and selection of fonts and kinda grew from there. I created a mockup in Figma before implementing in code.
For typography, the main body text is Nunito Sans with the lower case height increased and optical size reduced2. For monospace text, I use Commit Mono.
-
the old React-based one lives on the
2022
branch ↩ -
in other projects where variable font support is limited, you may see a “Razza Sans” instead ↩