Design Inspiration

I got inspired by aspects of the following websites:

A minimalistic approach

Color scheme

The website has a very minimalistic black and white color palette. The only color on the website is found in code blocks. Other websites that use a black and white color scheme are:

I was visiting the mellow.dev website once and immediately really liked the breadcrumb navigation on top of the screen. I think this is a great implementation of flexible navigation. It not only functions as a ‘go back to top’ button but also allows for navigation up one or multiple levels.

Since my website uses a black and white color scheme, I found the default blue text color for <a> links didn’t match the design. To make links stand out, I added external link icons and underlined the link text. Additionally, I inverted the text and background colors on hover. I was inspired to use this color inversion technique by Bradwoods garden and wiki.xxiivv.com.

Tables

The table design is copied from Bradwoods garden.

Lorem ipsum

When visiting gwern.net I found a sandbox page the developer uses as a testing playground. I thought this was pretty handy and decided to implement my own lorem ipsum playground to quickly check if I did not break any of the features of the website.