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

Share this & earn $10
Dennis Cortes
Published at : 17 Oct 2021
985 views
50
0

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

setuptutorialprocess

Inform Friday: An Introduction to Traditional Windows

Inform Friday: An Introduction to Traditional Windows

Charles leclerc almost crashing into Sebastian Vettel In a similar way 😱😱😱😱

Charles leclerc almost crashing into Sebastian Vettel In a similar way 😱😱😱😱

432 Hz - Deep Healing Music for The Body & Soul - DNA Repair, Relaxation Music, Meditation Music

432 Hz - Deep Healing Music for The Body & Soul - DNA Repair, Relaxation Music, Meditation Music

Inside Model Edie Campbell’s Minimalist Home Filled With Weird & Wonderful Objects | Vogue

Inside Model Edie Campbell’s Minimalist Home Filled With Weird & Wonderful Objects | Vogue

Quantity theory of money | AP Macroeconomics | Khan Academy

Quantity theory of money | AP Macroeconomics | Khan Academy

how to get a DISTINCTION in the LPC (85%) (University of Law, first year)

how to get a DISTINCTION in the LPC (85%) (University of Law, first year)

Featuring : Girly Berry | Official MV

Featuring : Girly Berry | Official MV

A Quarter

A Quarter

Popcaan - Superior (Official Video)

Popcaan - Superior (Official Video)

Miguel - Adorn (Lyrics On Screen)

Miguel - Adorn (Lyrics On Screen)

Fussier

Fussier

5 reasons why Oshawa (Durham ) is a good option for 1st time buyers and investors !

5 reasons why Oshawa (Durham ) is a good option for 1st time buyers and investors !

The 4 Savings Accounts Everyone Needs | The Financial Diet

The 4 Savings Accounts Everyone Needs | The Financial Diet

Seemed Like A Good Idea At The Time

Seemed Like A Good Idea At The Time

Powerful Technique to Manifest Your Soulmate - Law Of Attraction [Ft.Gem Goddess]

Powerful Technique to Manifest Your Soulmate - Law Of Attraction [Ft.Gem Goddess]

Colin Powell Dies Of Complications From COVID-19

Colin Powell Dies Of Complications From COVID-19

IF TOOTHPASTE WERE A PERSON || Funniest Life Moments and Hacks

IF TOOTHPASTE WERE A PERSON || Funniest Life Moments and Hacks

My Chemical Romance - Teenagers (Lyrics) "Teenagers scare the livin sht outta me" [Tiktok Song]

My Chemical Romance - Teenagers (Lyrics) "Teenagers scare the livin sht outta me" [Tiktok Song]

XXXTENTACION - Going Down! (Lyrics)

XXXTENTACION - Going Down! (Lyrics)

J. Cole – Work Out (Official Music Video)

J. Cole – Work Out (Official Music Video)

Justin Bieber - Purpose | The Freedom Experience

Justin Bieber - Purpose | The Freedom Experience

The Bad-Tempered Ladybird, Eric Carle

The Bad-Tempered Ladybird, Eric Carle

Survival is Insufficient clip from S6E2 of Star Trek Voyager

Survival is Insufficient clip from S6E2 of Star Trek Voyager

5 Ways to QUICKLY become More Self Sufficient

5 Ways to QUICKLY become More Self Sufficient

How to do a Cutback with Taylor Knox

How to do a Cutback with Taylor Knox

Meting out the good and bad

Meting out the good and bad

"Most People" Motivational Video For The Minority

"Most People" Motivational Video For The Minority

CryJaxx - Ponder [Magic Free Release]

CryJaxx - Ponder [Magic Free Release]

13 Unusual Facts About Females That Are Totally True

13 Unusual Facts About Females That Are Totally True

PAYING FOR PEOPLE'S GROCERIES | SURPRISING STRANGERS WITH GIFT CARDS | BUYING EVERYONE'S GROCERIES

PAYING FOR PEOPLE'S GROCERIES | SURPRISING STRANGERS WITH GIFT CARDS | BUYING EVERYONE'S GROCERIES

Prefer - Guz | Official Video

Prefer - Guz | Official Video

Why Things Fall Off Cranes

Why Things Fall Off Cranes

HOW TO DRAW THE BACK - SIMPLE MAPPING REFRENCE SHEET

HOW TO DRAW THE BACK - SIMPLE MAPPING REFRENCE SHEET

How to Pronounce Specific and Specifically

How to Pronounce Specific and Specifically

24 FREE Websites Every Web Designer Should Know

24 FREE Websites Every Web Designer Should Know

Difference between give away, give way, give out, and give in

Difference between give away, give way, give out, and give in

A Great Big World - "Everyone Is Gay"

A Great Big World - "Everyone Is Gay"

An Overview of Metaphysics

An Overview of Metaphysics

Suppose - Secondhand Serenade

Suppose - Secondhand Serenade

Without A Crystal Ball Says Police Looked For Brian Laundrie IN HER HOUSE! (GABBY PETITO CASE)

Without A Crystal Ball Says Police Looked For Brian Laundrie IN HER HOUSE! (GABBY PETITO CASE)

PUT OFF - Phrasal Verb Meaning & Examples in English

PUT OFF - Phrasal Verb Meaning & Examples in English

How and When to Use Discounts

How and When to Use Discounts

Ryan plays Dunk Tank Family Challenge with Daddy and Mommy!!

Ryan plays Dunk Tank Family Challenge with Daddy and Mommy!!

Kid WON'T SHOW MOM Report Card, What Happens Is Shocking | Dhar Mann

Kid WON'T SHOW MOM Report Card, What Happens Is Shocking | Dhar Mann

Fragrance To Fire - Dunsin Oyekan

Fragrance To Fire - Dunsin Oyekan

As Soon As & As Long As - Basic English Grammar

As Soon As & As Long As - Basic English Grammar

S N U G - Layover ⛺ [lofi hip hop/relaxing beats]

S N U G - Layover ⛺ [lofi hip hop/relaxing beats]

MMA Fighters That IMMEDIATELY Got DISQUALIFIED...

MMA Fighters That IMMEDIATELY Got DISQUALIFIED...

Getting Ready Playlist - Songs To Listen To While Getting Ready (Ariana Grande, Justin Bieber,...)

Getting Ready Playlist - Songs To Listen To While Getting Ready (Ariana Grande, Justin Bieber,...)