6 simple typography tips to more professional looking sites
Channel: Kevin Powell
Date: 2020-02-19

Check out Designmodo's Slides: https://designmodo.com/slides/

Devs often struggle with the design of their sites. One thing that holds their designs back the most is the way they handle type, so in this video, we're looking at 6 simple steps for you to follow to make for better typography, which means a much nicer looking site :)

1. Split the content up into groups
2. Increase contrast through font-size
3. Increase contrast through font-weight
4. Increase contrast through color
5. Increase the line-height of the body
6. Decrease the line-height of large text

And stick around to the end for a bonus tip, dealing with one of the biggest mistakes that I see devs make that absolutely ruins their designs.

Steve Schoger's channel - refactoring UI - https://www.youtube.com/channel/UCxqiDtkXtOCNJdckODHk9YA

My video on picking colours: https://youtu.be/mq8LYj6kRyE

#designfordevelopers

---

Keep up to date with everything I'm up to
https://www.kevinpowell.co/newsletter

---

Help support my channel
Get a course: https://www.kevinpowell.co/courses
Buy the t-shirt: https://teespring.com/stores/making-the-internet-awesome
Support me on Patreon: https://www.patreon.com/kevinpowell

---

My editor: VS Code - https://code.visualstudio.com/

How my browser refreshes when I save: https://youtu.be/h24noHYsuGc

---

I'm on some other places on the internet too!

If you'd like a behind the scenes and previews of what's coming up on my YouTube channel, make sure to follow me on Instagram and Twitter.

Instagram: https://www.instagram.com/kevinpowell.co/
Twitter: https://twitter.com/KevinJPowell
Codepen: https://codepen.io/kevinpowell/
Github: https://github.com/kevin-powell

---

And whatever you do, don't forget to keep on making your corner of the internet just a little bit more awesome!