How to Choose Text Styles and Sizes in Design for Design Systems, Apps, and Websites (Tutorial)

In this tutorial we’ll be going over how to choose type sizes for your design system for products. 12 is the smallest size I recommend for accessibility, and we’ll review how to choose line height and scale up your typography systems for any system. This can be done in any design tool, but I’ll be using Figma for my own preference. Have any questions or requests for other videos? Let me know!

🙏 SUPPORT ME ON PATREON
Get early access to videos, participate in Q&As, get my unreleased music and Figma source files, and exclusive updates on Patreon! https://www.patreon.com/shyboytm

🎧 MUSIC
Background music by Cordio (me!): https://cortes.us/music
Looking for a record label? Try DistroKid: https://distrokid.com/vip/seven/799422
Access millions of samples on Splice: https://splice.com/vip/fromcortes

☕ PROJECTS
Buy my iOS 14 icon set at https://osicons.com
Learn about Taste Notes, a coffee tracking app at https://tastenotes.app

💻 SETUP
Interested in my setup? Everything I use is here: https://www.cortes.us/tools

📹 RELATED VIDEOS
Practical Typography Tips to Improve in Product Design, UX, Web, Graphic Design, and More: https://youtu.be/ejX20ufUKWg
How and Why to Use an 8pt Grid for Product and Website Design in Figma (Tutorial): https://youtu.be/5CZPgtJqM7A
How to Make Resizable Buttons with Auto Layout in Figma for Product Design (Tutorial): https://youtu.be/xeQQVJVxs2c
How I Got Into Product Design and My Career: https://youtu.be/oMTyd_QcTXQ

👋 SOCIALS
Twitter: http://www.twitter.com/shyboytm
Instagram: http://www.instagram.com/shyboytm
Dribbble: http://www.dribbble.com/shyboytm
Website: http://www.cortes.us

Contact: hi@cortes.us