Check out a free preview of the full Design Systems with React & Storybook course:
The "Typescale" Lesson is part of the full, Design Systems with React & Storybook course featured in this preview video. Here's what you'd learn in this lesson:

Emma gives a brief introduction to typescales, the different kinds of typescales, the unit they are measured in, and how to use them.

Get Unlimited Access Now

Transcript from the "Typescale" Lesson

[00:00:00]
>> So there are many different kinds of typescales. We've got major third, major second, perfect fourth. You might have heard of golden ratio, it's also used I believe in biology, right? Is it biology? And the perfect fifth. This is a screenshot of IBM's typography page where they have their typescale.

[00:00:17] And the whole premise here is all of these different type scales have different ratios that you would multiply the larger font sizes by 1.2, or like a 1.8. Which we'll see in a second, or the smaller would be like 0.8 REM, for example.