Tips for better typography
There is no escaping typography. It's everywhere and a large part of every product you use. Getting typography right is therefore a huge part of making something look and feel professionally designed. Here are some simple tips to keep in mind when you’re working with typography. Contrast is the most consistently important design fundamental. Make sure to avoid minimal differences in typography for visual designs, like on websites and posters. This includes weights, sizes, and different font families. If you’re using different weights for a title and a paragraph, an example would be to use 400 and 700, not 400 and 500. For variation in sizes, I would advise doubling the size between emphasized text like headers and associated body text. High contrast is decisive. Small contrast is arbitrary and boring. Notice the contrast in font sizes between the main heading, list items, and paragraph text on this example poster for Vercel's Geist Typeface. Each is about half the size of the last, cre
Tips for better typography May 2024 There is no escaping typography. It's everywhere and a large part of every product you use. Getting typography right is therefore a huge part of making something look and feel professionally designed. Here are some simple tips to keep in mind when you’re working with typography. Be bold with contrast Contrast is the most consistently important design fundamental. Make sure to avoid minimal differences in typography for visual designs, like on websites and posters. This includes weights, sizes, and different font families. If you’re using different weights fo
saved by
related reading
- Design Systems Typography Guidedesignsystems.com
- Details That Make Interfaces Feel Betterjakub.kr
- Visual design rules you can safely follow every timeanthonyhobday.com
- Ultimate Guide to Typography in Design | Figmafigma.com
- Say precisely what you mean.index.how
- Typography in ten minutes | Butterick’s Practical Typographypracticaltypography.com
- font pairing - When are typefaces considered conflicting with each other? - Graphic Design Stack Exchangegraphicdesign.stackexchange.com
- Design tips | Malaika Aiyarmalaikaaiyar.me
- Kick-start your typography system in Figmafigma.com
- What is good typography? | Butterick’s Practical Typographypracticaltypography.com
- Contrast and Meaning – A List Apartalistapart.com
- Designing for Web Accessibility – Tips for Getting Startedw3.org