3 ms·

Ask HN: Examples of clean design in personal blogs / digital portfolios?

13 points by soultrees 3y ago

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. What are some of your favourite examples of when design is implemented well on personal sites?

epakai 3y ago
I enjoyed https://shipilev.net/labs/network-de/ https://shipilev.net/labs/network-de/ 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.
efortis 3y ago
Not many, but some people have emailed me with compliments about the functional desing of this post: https://blog.uidrafter.com/freebsd-jails-network-setup https://blog.uidrafter.com/freebsd-jails-network-setup
oddlinks 3y ago
I use a clean (and minimal) old-school themed design from Curiositry (https://news.ycombinator.com/user?id=curiositry https://news.ycombinator.com/user?id=curiositry) for my blog @ oddlinks.com. I'm quite biased, but rather like the elegantly simple and retro style. https://www.curiositry.com/weblog-ghost-theme/about/index.html https://www.curiositry.com/weblog-ghost-theme/about/index.ht...
ianpurton 3y ago
The typography plugin which comes out of tailwind gives a clean readable experience in my opinion. https://tailwindcss.com/docs/typography-plugin https://tailwindcss.com/docs/typography-plugin
5cott0 3y ago
https://edwardtufte.github.io/tufte-css/ https://edwardtufte.github.io/tufte-css/
- oddlinks 3y ago
  This is excellent :) The footnotes/margin notes are particularly elegant.
- soultrees 3y ago
  This is great. Know of any examples using these rules in practice?
- q-base 3y ago
  My blog on github pages was heavily inspired by Tufte: https://jmreiche.github.io/ https://jmreiche.github.io/
  - soultrees 3y ago
    That’s beautiful. I love it.
    - q-base 3y ago
      Thanks a lot!
umtksa 3y ago
I love this jekyll theme called "sidey" and whenever I need one I just use this https://github.com/ronv/sidey https://github.com/ronv/sidey my blog using a little bit cleaned version https://umtksa.github.io/ https://umtksa.github.io/
- amerkhalid 3y ago
  Love this. I am still working on my minimalist theme for hugo. Your blog is pretty close to what I have in my mind.
_kb 3y ago
Definitely a biased opinion, but I don't mind my collection of notes. As a sample: https://simple.industries/notes/counting.html https://simple.industries/notes/counting.html 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. 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 https://notes.andymatuschak.org/ https://notes.andymatuschak.org/.