How to Create Typographic Scales on the Web

In this video I'll show you how to create typographic scales on the web.
Type scales allow you to quickly and easily define the font sizes for your design project's typography and they're really simple to create.
Links mentioned in this video:
- Type Scale: type-scale.com/
- Designing with Figma: Landing Page for Mobile App:
skl.sh/3ecpFRa
You can get 14 FREE days of a Skillshare Premium Membership through the link above. I also get a small commision (referral link).
See all my Skillshare classes here: www.skillshare.com/r/user/adi...
Let's connect on social media:
- Twitter: / adipurdila​
- Dribbble: dribbble.com/adipurdila​
- Facebook: / adipurdila​
- Instagram: / adipurdila
You’re watching: How to Create Typographic Scales on the Web
Music: Envato Elements

[@serpianrex]

I didn't know this tool, thanks for the tip! I always enjoy your videos at envato, it's good to see you here.

[@alejandrodinardo4804]

Thanks for another super handy video, typographic scales seem to be an elegant solution! By the way, I have noticed that in Type Scale scales are named like musical intervals (major third, perfect fifth, augmented forth, etc.). Interesting!

[@neatoz3221]

Curious, obviously that type scale works well for desktop. But would you have to create another type scale for mobile as you will have to design for mobile devices as well?

[@apodnies]

Thanks!

[@remekster]

thanks

[@TommyGunner86]

whats the best way to get your scale for mobile? the headlines become too big but i still use the same body size of 16pt for mobile and desktop so how do i create a rule for it?

[@lamin1825]

What type scale system does Figma use on default?

[@roter13]

But how do you transfer this to mobile? No one is explaining that!!!