Sitemap
Bootcamp

From idea to product, one lesson at a time. To submit your story: https://tinyurl.com/bootspub1

9 web typography rules

Want an immaculate-looking website? Start with web typography, the secret to a successful website.

5 min readMay 20, 2021

--

Do you ever feel overwhelmed by the thought of designing a website?

With over 2,000 font families available, the possibilities are boundless.

For some people, your imagination might soar as high as Mount Everest. For others, you might feel so paralyzed by the options, and you’d rather binge-watch a season of Lupin.

If the thought of designing a website from scratch is overwhelming, you’re not alone.

Mastering basic typography skills to make your app look modern and beautiful is both easy and rewarding. Together, let’s go through an updated step-by-step guide on web typography that’ll take less than 5 minutes.

Let’s get started!

1. Select a font

Fonts set the brand identity you want to convey. Here’s a list of the top 7 best flat UI design web fonts of 2021:

Press enter or click to view image in full size

An example of how to pair different fonts:

Let’s say you are designing an app that intends to convey friendliness in both its copywriting and visual design: use Proxima Soft for the heading and use Proxima Nova as your main…

--

--

Bootcamp
Bootcamp

Published in Bootcamp

From idea to product, one lesson at a time. To submit your story: https://tinyurl.com/bootspub1

Jessica Tiao
Jessica Tiao

Written by Jessica Tiao

Sr. Product Designer @Twilio. Past lives: Crazy Egg, Kissmetrics, Tradecraft. Puppy and llama fanatic. Star-gazer. @JessicaTiao, www.jessicatiao.com

Responses (4)