I mean this is all pretty basic for print / images. I was expecting web typography (since it was a website) and was completely disappointed to see that the examples were all images.
Not sure why that makes a difference? Seems like they explain the concepts well.
I don't see a disconnect in these principles and would say that they completely apply to screen based design. Moreso now that the web has matured so much in the past few years. Most well-designed websites are taking a lot from editorial/traditional design.
Great little guide—huge fan of the em dash.
And god damn do I love the Tiempos font family.
This is awesome. I'm in the process of recreating my website and most of my content is text. I've been using Butterick's Practical Typography as a resource, but this simple guide helps with a few issues I've been having.
Beautifully put together, nice one
I love this so much
I'd like to comment that I don't feel the excessive use of white-space helps the point of 'good typography'... It feels far too broken up, particularly on a large screen.
I'd also note that 'picking a typeface with lots of weights' isn't good in web design. This can add excessive page-load time, especially if multiple fonts are in use. That's something that works well in print.
I also feel as if paying attention to Kerning should be more than a final footnote haha.
Really, this is very handy as student material. However I'd hope no professionals read it and go, "oh wow I hadn't thought about left alignment". :P
Love it, needed it. Bookmarked.
I don’t mean to pick on a single writer but there’s a lot of these basic guidelines on the web. I would love to read more about advanced typographic tips and tricks. Do anyone know where to look?
Yes—here: https://www.typewolf.com/checklist But it’s not cheap.