▶️ Video
✓ Link checked
Free
Beginner
Why we picked it The book gives you the principle, this short official Google video shows you the mechanics on an actual screen. It walks through how type size, weight, and spacing create a hierarchy so the eye knows what to read first, second, and third without anyone having to think about it. It is a quick, concrete way to see "clarity" turned into real layout decisions.
Understanding the Material Design type system
On Google Design Tutorials (YouTube) by Google Design about 4 minutes
- A clear hierarchy comes from a small set of type styles with deliberate size and weight, not from styling every element differently.
- Contrast between headline, body, and caption is what tells a user where to look first, which is exactly how you stop making them think.
- You can apply the same type scale to any screen you are designing, so this is a practical starting template, not just theory.