Here's a free Figma template that includes the data insights from this video and a pre-built type scale that you can use to get started quickly! bit.ly/3OdnTRf
Fantastic what a deep thought... Thanks @Tim, You saved my years. I have never found these details on the internet. You cleared all the confusion about the importance of typography in the Design System. 💙
Thank you so much I recently watched alot of videos about typography but I was stucked in such methods behind typography. But your video helps and alot and cleared my all confusions about display fonts sizes or major rules etc. ❤️❤️❤️❤️❤️❤️
I question if level of heading should have anything to do with scale. Think about drum notation. We’re able to easily distinguish between half, quarter, eighth, etc not by the size of the note, but by the symbol, moreover by the extension of previous symbol. No need for a reference point.
And when labels are needed, should the line-height be the same as the font size for better vertical alignment? I don't think it's a good practice to give a label, which is always a single line, such an excessive line-height, as the text will appear vertically misaligned.
I really was waiting for such a video. I was so confused about font sizes I study multiple font sizes of material ui, ant design, HMS but couldn't understand which should I go through.
I was probably blessed by the design heavens to have your videos recommended to me so early in my UX/UI career. The information you organized in this video are super insightful and the hard work you went through extracting this data for us is amazing. Subscribed, liked, and will now follow more of your stuff closely 👾
Dude you made one of the best videos on typography ever on UA-cam! Such clean minimal and clear approach. Please make more videos if you have the time and motivation for it:) Cheers!
Amazing! Gonna study it soon! Thanks a lot again! Is there a place to see more of your work? From what I can see you also have a preference for minimal and clean design am I right?@@hooniexp
Yo great video, first off. I was hoping you’d say something about how much of a dramatic range there was (nearly double) in the base size of display and body fonts. While there seems to be rough cohesion in other areas, this was a break from that trend
Thanks Bryce! Yeah that's a good call out on that range. I'm assuming that the display range is all over the place since it's more for expressive needs versus the body fonts which seemed to fall more under the functional bucket. I also think that if I increase the sample size, it might help clear up which values are the true outliers in the ranges.
Very nice approach! I would love to see more videos like this for a lot of design topics like padding (desktop vs mobile etc), colors, naming conventions... But also general ways of approaching design challenges, like how companies design their tables, forms, calendars, profile setting, content cards...
Here's a free Figma template that includes the data insights from this video and a pre-built type scale that you can use to get started quickly!
bit.ly/3OdnTRf
Thanks for including this resource 🙌
This is by far the BEST content regarding typography I've ever found ( and I watched more than 10)
omg dude I cant believe this video is 2 year old. I was looking for this EXACT thing like 3 months ago. Thanks so much!
Behind this video, there is a lot of work. High levels.
Greetings from Italy
I've been looking for a video like this one for ages. Thanks for taking the time and looking forward to more content like this one.
Sure thing Reinold!
The best and most informative video about typography! Thank you for your efforts to make it!
That was an amazing and really insightful research you've made! Thanks for sharing :)
Hey there! I just wanted to let you know that your video on typography was incredibly helpful and informative. I really enjoyed it!
this was amazing and so easy to understand, thank you! hopefully this gets more views xx
Thank you!
Fantastic what a deep thought... Thanks @Tim, You saved my years. I have never found these details on the internet. You cleared all the confusion about the importance of typography in the Design System. 💙
The best video about text on the internet!
Lovely explanation and presentation, thank you - very useful !
Excellent video! Congratulations on the work!
thanks for providing such an informative video, straight to the point, god bless you :)
Thank you so much I recently watched alot of videos about typography but I was stucked in such methods behind typography.
But your video helps and alot and cleared my all confusions about display fonts sizes or major rules etc. ❤️❤️❤️❤️❤️❤️
Thank you for taking the time to break it down, so much value!
Thank you for all of the work you put into analyzing and sharing this information with us!
This was a pure knowldge based video. Loved every single of it :)
It was definitely helpful; much appreciated!
Objective and Valuable Overview! Thank you, Hoonie!
p.s. Roboto For Life! :)
Thank you so much! This video was so helpful!
This is the video I needed. You've made my day man, thanks😊
Thank you for the big amount of time and effort you put into this comparison
Glad to hear that it helped you save time! Thanks
Thanks so much for the stats! Supper helpful even a year later...
I’m so glad I discovered you :3
Thanks for stopping by Kevin! Feel free to lemme know if there's anything else you'd like to see.
Great video man! Keep'em coming!
Insanely high quality content✨✨
Great vid! Thanks so much for putting this together.
thanks a lot for spending time to research and doing this video, love to see more in the future😄😄😄
No problem! Ty for watching 🙏🏻
Great job in the analysis.👍
can you give the airtable ? for analysis
i love your two videos - would you please make one around color?
Great work!!
Amazing work!
Thank you!
I question if level of heading should have anything to do with scale.
Think about drum notation. We’re able to easily distinguish between half, quarter, eighth, etc not by the size of the note, but by the symbol, moreover by the extension of previous symbol.
No need for a reference point.
Thanks a lot for valuable information👍🏻
Awesome thanks a lot
Can you pls share the knowledge how to organize and name color tokens? Thanks
Yeahhhh, plsss
Great video!
This video is amazing ❤
I found the video i was looking for
This is golden.
And when labels are needed, should the line-height be the same as the font size for better vertical alignment? I don't think it's a good practice to give a label, which is always a single line, such an excessive line-height, as the text will appear vertically misaligned.
this video is really useful
i love you man thx alot
Thanks man
good job!!!
Greaaaat job
Thank you Jassem
Your a different animal my guy, this is some deep research. Respect 🫡
Chinese elon musk😬 ?
Hahah. I’ve gotten that a couple times before! But, I’m Korean though 😉
This video is everything. Watching it second time now (first time was months ago when i never realized what the hell is is 😁)
Same 😊 and after learning the basics, this is the gem for us 💎. Right? Huge thanks to this man who made our work easier. 🙏
Thank you! This video is really really helpful!
I really was waiting for such a video. I was so confused about font sizes I study multiple font sizes of material ui, ant design, HMS but couldn't understand which should I go through.
HOW can this video have only 480 views? This is such a nice video! Thank you so much! Definitely going to sub!!❤🎉
I appreciate your support. Thank you!
The exact breakdown that I needed! Thank you
Can we have access to spreadsheet as well please. #legend
Bro! This is one of the best typography videos here on UA-cam! You should definitely make more videos, bro! Please xD
Haha thanks Nadjib! I just posted a new one for spacing :)
Great content! So much information! Also your voice is so soothing. Looking forward to more :P
Instagram account doesn't exist
I was probably blessed by the design heavens to have your videos recommended to me so early in my UX/UI career. The information you organized in this video are super insightful and the hard work you went through extracting this data for us is amazing. Subscribed, liked, and will now follow more of your stuff closely 👾
This is amazing! Brilliant analysis. It'd awesome if there's a cheat sheet of this
this was so easy to understand! compared to some explanations that get you to lose info rather than make
Its really informative for me
The video is super well made! Underrated video!
Thank you Hussam!
this should be paid, it's gold
This may be the best video I have ever seen on youtube. Great work.
Amazing stuff, we need more of these!
would be great to have some proofs, links or studies . Otherwise why exactly these font sizes are "the most common"
God damn. This was so much useful. Appreciate the effort. Why not publish more videos
Good job ! Give this guy gold button !
The video I've ever wanted to watch about Typography
I appreciate it Daniel!
Exactly this!
Thank you for all the work, can you do one for grids and columns?
You can tell this was a lot of work. You just saved me a lot. Thank you.
Dude you made one of the best videos on typography ever on UA-cam! Such clean minimal and clear approach. Please make more videos if you have the time and motivation for it:) Cheers!
Thanks Michael! Just dropped another one for spacing :)
Amazing! Gonna study it soon! Thanks a lot again! Is there a place to see more of your work? From what I can see you also have a preference for minimal and clean design am I right?@@hooniexp
Thanks
A great hardwork is visible here. Thank you very much for creating a brilliant video on Typography.
Yo great video, first off. I was hoping you’d say something about how much of a dramatic range there was (nearly double) in the base size of display and body fonts. While there seems to be rough cohesion in other areas, this was a break from that trend
Thanks Bryce! Yeah that's a good call out on that range. I'm assuming that the display range is all over the place since it's more for expressive needs versus the body fonts which seemed to fall more under the functional bucket. I also think that if I increase the sample size, it might help clear up which values are the true outliers in the ranges.
Very nice approach! I would love to see more videos like this for a lot of design topics like padding (desktop vs mobile etc), colors, naming conventions... But also general ways of approaching design challenges, like how companies design their tables, forms, calendars, profile setting, content cards...
Hey man! Don't stop please... Keep updating videos! You're amazing... One of kind!
One of the best and finest video on the typography design system. Very clearly explained. Kudos to you👏
warmly appreciate your efforts great values+ easy to digest, lots of love from me keep sharing this type of values...
Wow, It's superb! Thanks for this huge value! Really appreciate it!
Awesome vid and research, thanks for all the effort you put into this, super helpful.
This is such a gem! Thank you so much! I hope you will do Colour Schemes next!
Bro the quality and value of this video was unmeasurable, hats off to you and keep it up!
Great stuff.. looking for more such insight full content.. next could be related to Colors
Amazing content. Super helpful thanks so much for sharing.
I can't believe this is so hidden I almost missed it. Love the explanation, it's so detailed and simple to understand
This is super helpful, great content. Thanks
Really helpful video. Thank you. Hope to see another one from you :)
From nerd designer to nerd designer, thank you so much for this research and data!
a video that covers alot in typography..... Great Video
wow amazing video with such detailed content, and easy explation.
Awesome explanation! Thank you!
thanks, is there any videos continuation for this.
Really fantastic breakdown! Great work.
Really useful data bro!
Thanks for sharing 🙌
Thank you very much for this!
I'm really impressed by your work and presentation! Very complete and thorough. Great helicopter view on a complex subject. 👍
Thank you for your feedback!
Very helpful! Appreciate it!