Finally found the perfect tutorial to explain the best way to measure typography in Web Design......I have subscribed
@wearestudiotonic6 ай бұрын
Awesome, thank you. Glad you got something from it!
@Steve-qp5rb11 ай бұрын
Great video. I’ve seen designers say that if you’re using an 8pt sizing scale, your typography sizes should also be divisible by 8 (or 4 for smaller text). What do you think about that?
@wearestudiotonic11 ай бұрын
I think that if you were redesigning Apple’s design system, then probably yes. If you’re designing a marketing site then I don’t see the need to restrict yourself like that. No one will ever check, and if they did, they wouldn’t care. And also, since the introduction of fluid typography, these PX values change depending on screen size so, not sure how we would account for that! I think as long as it’s legible, and feels right for the brand, you’re all good 👍
@Steve-qp5rb11 ай бұрын
@@wearestudiotonic Makes sense! So do you typically use px for typography, or do you set it to rem based on the base size?
@wearestudiotonic11 ай бұрын
@Steve-qp5rb we use PX in Figma, and then REM in Webflow 👍
@Wormsandconditions5 ай бұрын
I like this video.
@marylim2011 Жыл бұрын
What is the font used on this video thumbnail image? (Those text in yellow highlight). They are beautiful.
@wearestudiotonic Жыл бұрын
Hey, we're glad you like it. We love it too. It's called Domaine Display.
@thehearingaid Жыл бұрын
Out of curiosity how do your developers handle scaling down to mobile? Is it percentage based and makes use of clamps with fixed min and max? Or do you have incremental drops at various breakpoints? Or something else or maybe leave as is.
@opsisoid2 ай бұрын
How to use type scales across breakpoints?
@wearestudiotonic2 ай бұрын
Web Design Responsive Typography - Easily set up sizes to use on every project and save time. kzbin.info/www/bejne/nmSXhp6AqsSeZqs
@AdrianCastro-fCMO3 ай бұрын
Pixels for font sizes?
@jonnitaylor314411 ай бұрын
Very helpful, this typography measurements are confusing and the Type-scale site is great Thank you from WA Australia
@ashrafjamal93316 ай бұрын
I like it nice and big
@arturorago5010 ай бұрын
Great video! Can you tell us more about how to adapt the scale to different screen sizes? Do you have a separate scale for each webflow breakpoint? Thanks so much!
@wearestudiotonic8 ай бұрын
Hey man, sorry for the late reply. I’ll put it on the list to film, it’s a good idea and I get asked it all the time. As a very general rule, I usually drop to around 80% of the desktop size, but there are a lot of caveats and a lot of easier ways to do it.
@arturorago508 ай бұрын
@@wearestudiotonic thanks so much - that would be a great video!
@onoriodewilfred-uv7fx3 ай бұрын
Thank you
@noahspottdev8 ай бұрын
Great video - learning a lot here!
@ErnestPaulRavi4 ай бұрын
font size divided by 1.333 what about 1.618 (golden ratio)?
@wearestudiotonic4 ай бұрын
Yep, that’s certainly a scale you can use!
@thedamme65268 ай бұрын
Dude, I'm hooked to all of your videos
@wearestudiotonic8 ай бұрын
Amazing, thanks for watching!!
@G_lions4 ай бұрын
What @creativeSolutions said....great tutorial just wat I needed, I am subscribed!