A small redesign

I’m working on a new feature to my site, and as part of that I was playing around with the CSS. I’m almost done with the feature, but need to write some more content for it, so it won’t launch for a few days still. But I was excited about some of the style changes I made and wanted to get them out now.

Mostly, the Posts page has been redesigned. I wanted to simplify it, and make the post titles larger. I also removed the “Posts” heading, since I felt it was redundant and cluttering (I did leave it in for screen readers). The biggest change otherwise is switching the body font. Previously, I used system-ui for everything, but I wanted a serif font for easier readability on long chunks of text. I still wanted the performance of a system font, so I used the Old Style stack from Modern Font Stacks. The stack provides a beautiful font on iOS and Mac, and some decent ones on every system except Android. Sorry Android folks.

I removed the “home” link in the navigation. Again, it was redundant. “Kyle Halleman” is already a link to home, and it is labeled as such for screen readers. The home page isn’t terribly important once you get to other sections of the site, either. You’ll notice the recipes section is gone. I wasn’t adding to it and it never became quite what I wanted. I’m still interested in the idea and might revisit it at some point.

I have some other ideas for further design changes that I’ll be playing around with. But I want to focus on getting this new section out—off to it!