This is the period when I usually receive a couple of emails in which people ask me if I’ll have a Black Friday sale for my book. My answer is always “no, I don’t do Black Friday sales” and then I never hear back from them. They never ask why but I decided to write this post and share my thoughts.

Black Friday is often referred to as the “consumerism holiday” and I can’t help myself but this sounds so wrong to me. The level of consumerism that we got to in the world today is absurd. Maybe I think that because of my minimalist mentality and lifestyle. Minimalism is something that has attracted me for years now and it became a fundamental part of my life. This doesn’t mean that I never buy anything on Black Friday sales, I do. But it’s usually something that I have been thinking about buying for a while. When you adopt the minimalist mentality…


I’d always used the Monaco font and Sublime Text for coding but I recently decided to switch to VS Code. That change also led me to explore monospaced fonts suitable for coding as I worked on customising my VS Code theme.

Originally published on the Better Web Type blog.

Image for post
Image for post

At some point, I found Fira Code and loved the fact that it had coding ligatures, so I made the switch. That wasn’t long ago, but I recently did even more research into monospaced fonts and found my new favourite, you can see it at the bottom of this article. Here are the five fonts I considered the best, all of them are free to download and use.

Fira Code

This is a really cool monospaced font based on Fira Mono from Mozilla. I wanted to have it first on the list as I…


I continued with my habit of reading for at least 30 minutes a day in 2019. It’s now such a fundamental part of my life that I can’t imagine spending a day without it. If someone told me this when I was a teenager, I’d have a good laugh and go back to playing video games.

Image for post
Image for post

According to my Goodreads’ My Year in Books 2019 report, I read 24 books last year. That’s five more than the year before but still one short from reaching my goal of 25. I guess I’m slowly getting there. This is a list of…


Do you love doing what you do? Do you love it to the point that you’d do it for free?

I remember telling this to the CEO of the first company that hired me as a full-time UX designer: “thanks for the raise but it really isn’t about money for me. If I could, I’d do this for free.” They were really happy with my performance so they gave me a raise just a couple of months after I started working there. Until then, I had a full-time, non-designer job which I hated and I freelanced doing design work on the side. Being able to do it full-time literally was a dream come true.

I remembered this a few days…


I recently received an email from a designer called Jared. He went through the typography lessons that I offer as part of the free course and he was very grateful for them. He said he learned a lot but also had one important question: how do I go about choosing a font for my project?

Image for post
Image for post

This post was originally published on the Better Web Type blog.

He told me that he works for a design agency and choosing fonts for websites they work on is something he does all the time. It’s also something that frustrates him a lot since he never studied design and typography, so he mostly does it by his “gut feeling”. That, or he copies a font from a website he likes. He’s aware of his limitations when it comes to making original font choices and his frustration grows every day. And he’s not alone.

Since I launched my free web…


Image for post
Image for post

Designing with a baseline grid in Sketch speeds up the visual design process, enables designers to produce consistent mockups and establishes a consistent vertical rhythm in the designs.

This post was originally published on the Better Web Type blog.

The first major article that talks about aligning type on the web to a baseline grid was the one by Wilson Miner for A List Apart back in 2007. Revisiting the article now, it feels a bit clumsy to define the grid, the margins and the padding in fixed pixels sizes to make all the alignment work. But that was a while ago and we — mostly web development practices and tools — have come a long way since then. We can now use Sass mixins to easily define…


Image for post
Image for post

Telling font styles apart was one of the hardest things to do when I started working as a designer. Being self-taught, the only major difference I could see was that a font was either a serif or a sans-serif. But the more I explored, the more I realised how vast the universe of font styles actually is.

This guide is an excerpt of chapter 3 from the book Better Web Typography for a Better Web by Matej Latin. The book consists of 13 chapters through which the reader designs and builds an example website and thus learns by doing.

Now I know why recognising the style of a font is so hard. When it comes to typography, and especially when it comes to typefaces, it’s all in the details. It’s hard to even imagine how much work goes into designing a typeface and how much focus type designers put into tiny details that remain invisible to most…


Image for post
Image for post

I wrote about fluid web typography in last month’s blog post and I realised that a lot of the popular implementation techniques come with accessibility issues. So I wanted to go back and revisit the basics and the best practices of accessible web typography.

This article was originally published on the Better Web Type blog.

I think it’s safe to claim that a large part of website accessibility falls on typography, after all, the web still is 95% typography. Viewers come to a website to read its content or just to find the specific information they’re looking for. And most of that information and most of the content is communicated through text. This is one of the few constants on the web that hasn’t changed through the years. So how do we make sure that everyone can read the content of our website? And…


Fluid typography gives us so many opportunities to better design the reading experiences on the web but, at the same time, it introduces problems of font sizes scaling uncontrollably and potential accessibility issues. Is fluid web typography ready to be used?

Image for post
Image for post

Browser support for the viewport units has been good for a while. Looking into it now, most browsers fully supported them since 2013–2014. Microsoft’s Edge was an exception (no surprise there) as it only supports them since the Edge 16 version which was released in October 2017. Still, it’s two years since then. With all other major browsers supporting the viewport units for 5–6 years, how come we don’t encounter fluid typography on websites more often? I have to admit, I am one of those who resize the browser window to see how a website adjusts to the viewport change…


I initially worked from home as a design consultant but I always wanted to work in a full-time, on-site position. So I traded the comfort of home for a small office in a cosy little town in Luxembourg.

This article was originally published on my personal website.

Six years ago, I joined a tiny startup and it was the first time I experienced an open-plan office. There were only three other people working with me in that office and we really got along. We went to lunch together, took walks together, hung out in our free time and built a friendly relationship based on trust. My journey would then take me forward to London where I’d end up working for other, larger startups. …

Matej Latin

Senior Product Designer at GitLab. Designer, author, type geek, minimalist. Join my private mailing list at http://matejlatin.co.uk.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store