Im building a new wordpress website and need some input. The question is – should i use lower or uppercase – serif or sans-serif for my post titles, widget titles and menu items? Which is the best in terms of readability and focusing of each / important section?
Here are some examples:
Post Title Example / Serif
Post Title Example / Sans-Serif
Widget and Menu Title Example / Serif
Widget and Menu Title Example / Sans-Serif
Or maybe a combination of…?
I don’t think there are any absolute rules here.
The guiding principle is that you want to create a visual distinction between your title and your body copy, but you still want both to be harmonious.
Within that guideline, I think that the title sans-serif with normal casing doesn’t distinguish from a sans-serif body copy, unless you were to do something like make it bold or add color.
Other than that, any of them can work. It’s just a matter of what kind of vibe you’re going for. All-caps serif can project a very classical look, particularly when it’s black and white as you’ve shown. All-caps san-serifs can either look bold and modern or look like you’re yelling, depending on how they’re treated. If your primary concern is to call out headers, then make them caps, make them bold, and change the colors. But do it too much and you’ll lose the text. You’ll just have to play with it and find that balance!
A good default is to have a sans-serif title with serif copy. But like I said, these are guidelines, not rules.