Open Sans is one of the most friendly and used typefaces on Google Fonts because can be used on the web, print, and mobile but also from the amount of character sets including Latin 1, Latin CE, Greek, and Cyrillic. Beautifully adapted to work great on screens, it’s also a good typeface for graphics and print. Work Sans and Open Sans Work Sans and Open Sansĭesigned by Wei Huang, a type designer from Australia, Work Sans is a typeface family that is based on some early Grotesques fonts. Paired with Work Sans, this looks like a perfect match for me.ģ. I like the curves on some letters, makes it feel playful and friendly, also the ink traps bring some modern detail to this typeface. Unbounded got my attention the first time I saw it. This is the combination that I am currently using on my portfolio website. Unbounded and Work Sans Unbounded and Work Sans Plus Jakarta Sans can be also used for headings, but in this combination, I think it works great since it’s a good readable typeface that complement Epilogue. It also has a variable style with weight axis. This is a great typeface for the web but also for graphic design, thanks to the many styles that came with it (18 to be precise), allowing you to play with it and build beautiful typography. Epilogue and Plus Jakarta Sans Epilogue and Plus Jakarta Sans Here is a link to a FAQ page where you can find more info about Google Fonts: ġ. If the font doesn’t appear, you can download the family from Google Fonts and install them on your laptop/PC. If you are using Figma as your main Tool to design, you will probably find those fonts already installed. There is more emphasis on the main font, you can combine the body/secondary with anything else that you think it might suit your needs.

I want to share with you some of my latest font pairings that I am using or am going to use in my projects. If you struggle to choose fonts for your project, or you are just looking for inspiration, there are many websites out there that can help you find beautiful types and examples of how you can combine them. PS: There are some great tools that will help to define the right proportions and sizes for that, here are some that I use: or

We define those from the beginning to help us keep consistency between screens, for a good visual hierarchy, spend less time on choosing a font size and line heights, but also help the developers when you hand off the design. Either if you are building a product or you just work on a personal project, you start to define headings, body text, buttons, etc. You will choose the family fonts keeping in mind the type of product you design for, also need to align with the brand and maybe there are other constraints as well. If you are starting to work on the UI part, choosing fonts is one of the first steps you are taking. As a designer, typography is one of the elements that cannot be missed or ignored when you work on a project.

Figma font pairings