I saw someone post their personal blog many months ago, and even though I didn’t save it, the thing that stood out to me was the website’s usage of type formatting and it’s own internal baked in reader-view, and it just felt so good to browse the site because of how clean, yet modern it felt. Since then I try to visit as many personal sites that get posted on here for visual and structural inspiration so I’d love to see some more examples. Please note, clean design doesn’t always have to equal minimal.<p>What are some of your favourite examples of when design is implemented well on personal sites?
I use a clean (and minimal) old-school themed design from Curiositry (<a href="https://news.ycombinator.com/user?id=curiositry">https://news.ycombinator.com/user?id=curiositry</a>) for my blog @ oddlinks.com.<p>I'm quite biased, but rather like the elegantly simple and retro style.<p><a href="https://www.curiositry.com/weblog-ghost-theme/about/index.html" rel="nofollow noreferrer">https://www.curiositry.com/weblog-ghost-theme/about/index.ht...</a>
I enjoyed <a href="https://shipilev.net/labs/network-de/" rel="nofollow noreferrer">https://shipilev.net/labs/network-de/</a><p>It's similar to my own personal knowledge base (non-public at the moment), but I like it enough that I used it as a reference to tweak my own a bit. The output seems to come from Asciidoctor, but I don't know if it's been modified.
Definitely a biased opinion, but I don't mind my collection of notes. As a sample: <a href="https://simple.industries/notes/counting.html" rel="nofollow noreferrer">https://simple.industries/notes/counting.html</a><p>I've been slowly hacking at a system that lets me jot things down with markdown and latex in Obsidian, then render in a mostly clean and lightweight form. The build pipeline is just a bash script and pandoc to keep tooling as thin as possible too.<p>I hope to have time to expose the underlying graph in yet to be defined way, but have neither the time or amount of content to warrant that yet. A source of inspiration and admiration for that is definitely <a href="https://notes.andymatuschak.org/" rel="nofollow noreferrer">https://notes.andymatuschak.org/</a>.
I love this jekyll theme called "sidey" and whenever I need one I just use this
<a href="https://github.com/ronv/sidey">https://github.com/ronv/sidey</a><p>my blog using a little bit cleaned version <a href="https://umtksa.github.io/" rel="nofollow noreferrer">https://umtksa.github.io/</a>
The typography plugin which comes out of tailwind gives a clean readable experience in my opinion. <a href="https://tailwindcss.com/docs/typography-plugin" rel="nofollow noreferrer">https://tailwindcss.com/docs/typography-plugin</a>
Not many, but some people have emailed me with compliments about the functional desing of this post:<p><a href="https://blog.uidrafter.com/freebsd-jails-network-setup" rel="nofollow noreferrer">https://blog.uidrafter.com/freebsd-jails-network-setup</a>