flâneur — a map of the web's best reading

Tips for better typography

seangrindal.com · 1,729 words · saved by 1 readers

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

Explore this link on the map →

saved by

related reading