- PAIR GOTHAM TYPEFACE WITH HOW TO
- PAIR GOTHAM TYPEFACE WITH FULL
- PAIR GOTHAM TYPEFACE WITH PROFESSIONAL
Contrast in colorĪnd last but not least, a rather easy one, you can create some contrast with color.
The lowercase ‘a’, the loop of the ‘g’ and the width of the characters. In this example I’ve used Futura Std Condensed with PT serif. Also the ascender and decender line match. The lowercase ‘a’ and the ‘e’ look somewhat alike. In this image I combine the Gotham with the PT Serif. Good information about typeface anatomy if you are interested. I have two examples below where I try to find a good font to match with my PT Serif body text. If they are too similar, they probably don’t combine well. The basic idea is to put two fonts on the same line, draw lines on the baseline, cap height and descender line, and see how different they are. I often use the ‘handgloves’ method for this, see the image below. Contrast in x-heightĪ fourth method in creating contrast is with comparing the x-height. Poppins and Muli on the left, the two look very much alike and don’t make a good match because of that. On the other side Poppins and Raleway have enough differences to make a good match.
They are too alike to clearly tell them apart, but somehow you sense they don’t really match together. Based on this we can guess that Muli and Poppins don’t pair too well (I advise to look at more than just one character though). In the image above you can see that Muli and Poppins share a lot of characteristics. If you have two typefaces which look very much alike, the difference is too small and it looks odd as well. If all those items are different in the two used fonts, they look too different and don’t match. You have variations in the g ‘loop’, or multiple variations in de ‘l’ stem.
You got the ‘a’ with a circle or the ‘old school’ a, so to speak. And whether two typefaces fit well together is mostly based on their difference in characteristics.Ī typeface has loads of characteristics if you look a little closer. A third option to add contrast is to use different typefaces. So far we’ve only talked and shown examples with the same typeface twice. (For in-between reading: here I explain the difference between a typeface and a font) Contrast in typeface characteristics The left version has too little difference. Making it even larger is something we refer to as tension in the design: finding that balance, or edge if you will, between odd and boring. Even 24px with 16px might be a bit boring, even though the contrast is bigger than before. Say 72px PT Serif bold and 16px PT Serif regular. Too much difference might feel odd again. Font sizes that are too close together (such as 16px twice) feel too similar.
…you almost always want to play around with size as well. This is an easy one, however… Contrast in size For example PT Serif bold 16px with PT Serif Regular 16px. When you stay with the same typeface, a bold and regular combination often works well. On a very basic level, you can use font weights for good font pairing. Somewhere in the middle is the answer and the following 5 tips help you find that balance. The general lesson and my general advice in one sentence would be: when pairing two fonts, don’t make them too different, but also don’t make them too similar. or you can’t tell the difference and want to train your eye in differentiating the good from the bad examples.įont pairing: A balance between similarity and differenceĪll the tips and bits of advice below are about finding a balance between similarity and difference contrast if you will.
PAIR GOTHAM TYPEFACE WITH HOW TO
But don’t know how to achieve this yourself. aware of what good font pairing looks like and can spot the difference between good and bad font pairing.
PAIR GOTHAM TYPEFACE WITH PROFESSIONAL
A visual more aesthetically pleasing design raises trustworthiness, according to the research of NNGroup: “Design quality: professional appearance feels solid” and this article about the relation on design quality and reliability I myself dive deeper into the topic ‘Why Beauty Matters’ here. Good font pairing makes a design more pleasant to look at. In this article, I will show you how I pair fonts, what tips I have for you and show you good and bad examples. But good font-pairing can make or break design in terms of aesthetics, hierarchy, and balance.
PAIR GOTHAM TYPEFACE WITH FULL
A few years full of design experience later I still see very few good articles explaining the know-how on pairing fonts. When I was very unfamiliar with the tips and tricks around font pairing, I had a hard time finding answers on Google.
0 kommentar(er)
