razza.io

About this website

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 some JS sprinked in to add a few easter eggs, analytics, or the map on the Travels page.

This website was previously made with PHP in 2016-2022, React in 2021-2023. I switched to Jekyll because I keeps everything much simpler with keeping site content authored as Markdown, and saves on web server maintenance.

Design

I had come 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 it.

For typography, the main body text is Nunito Sans with the lower case height increased and optical size reduced1. For monospace text, I use Commit Mono.

  1. in other projects where variable font support is limited, you may see a “Razza Sans” instead