by Kezz Bracey
Lessons:12Length:2.3 hours

For full access to all 12 lessons, including source files, subscribe with Elements.
- Overview
- Transcript
3.1 Establish the Smallest and Largest Text
Now that we have our fonts selected, the next step is to start establishing the sizes at which they should be used. We’ll first establish the size for our largest and smallest text, ensuring there are no heading sizes too extreme for the design or too small to act properly as headings.
Related Links
1.Introduction1 lesson, 00:44
1 lesson, 00:44
Free Lesson 1.1Web Typography Basics in Figma00:44
Free Lesson
1.1
Web Typography Basics in Figma
00:44
2.Font Selection3 lessons, 48:59
3 lessons, 48:59
Free Lesson 2.1Font Classifications16:30
Free Lesson
2.1
Font Classifications
16:30
2.2Font Combining16:47
2.2
Font Combining
16:47
2.3Font Stacks15:42
2.3
Font Stacks
15:42
3.Text Size and Size Flow2 lessons, 28:13
2 lessons, 28:13
3.1Establish the Smallest and Largest Text13:31
3.1
Establish the Smallest and Largest Text
13:31
3.2Create a Size Flow14:42
3.2
Create a Size Flow
14:42
4.Line-Height and Margins2 lessons, 35:34
2 lessons, 35:34
4.1Line-Height and Rough Spacing08:04
4.1
Line-Height and Rough Spacing
08:04
4.2Planning Element Margins27:30
4.2
Planning Element Margins
27:30
5.Additional Spacing3 lessons, 22:01
3 lessons, 22:01
5.1Indentation, Letter Spacing, and Drop Caps08:33
5.1
Indentation, Letter Spacing, and Drop Caps
08:33
5.2Style Modifications: White Space08:02
5.2
Style Modifications: White Space
08:02
5.3Style Modifications: Site Layout05:26
5.3
Style Modifications: Site Layout
05:26
6.Conclusion1 lesson, 01:56
1 lesson, 01:56
6.1Wrapping Up01:56
6.1
Wrapping Up
01:56
Continue watching with Elements
Continue watching with Elements