Cindy Zhao
UX Designer, NYC
"Super easy to digest and makes explaining the importance of Typography to clients easy. Thanks!"
  • 1
    Chapter name
  • 1
    Chapter name
  • 1
    Chapter name
  • 1
    Chapter name
  • 1
    Chapter name
  • 1
    Chapter name
  • 1
    Chapter name
  • 1
    Chapter name
  • 1
    Chapter name
Micro Book
🎉 110+ copies sold in 24 hours!

Typography

Intro to the topic and and why you should learn it.
Early bird $19
$29
Get it now
Includes a FREE Typography Design kit!

72 Reusable Text styles

On top of 64 pages on how to apply Typography to your product, enjoy 6 design kits with 3 typefaces for Sketch and XD. All use free Google Fonts to get you up and running in no time. Either stick with the fonts I have dropped in or change to match your brand in seconds.

Light Theme

The kit has Light Theme Type templates to get you started

Dark Theme

Booyah! The kit also includes Dark Theme templates

Typography content
9 Chapters

9 Chapters

Chapter 1

Type Categories

Categories make selecting fonts a little easier. Each category has a specific characteristic.

Chapter 2

Type Style

Similar to handwriting, fonts have different base styles. My handwriting sadly doesn’t have any style.

Chapter 3

Type Terms

There are 5 key horizontal lines to remember when selecting a font. Next time you smack ’T’ in your favoured design tool, test yourself on these terms.

Chapter 4

Type Selection

The lazy approach to selecting typography for your product is to select a trendy top 10 web font of the month. This goes against every rule of designing products for people.

Chapter 5

Type Alignment

There are two axes on a device to consider. Inline and block. Inline is left to right and block is vertical top to bottom.

Chapter 6

Type Hierarchy

Consistent hierarchy is one of he hardest skills in product design. Define hierarchy early.

Chapter 7

Type Weight

As you’ll learn in type performance, you should select a limited number of font weights to reduce the load time.

Chapter 8

Type Pairing

The key to pairing fonts is contrast which naturally defines hierarchy in your UI. Your choice of font pairs should come down to accessibility and purpose.

Chapter 7

Type Pairing

Sadly, when it comes to converting your mockups into a real application you need to be mindful of how fonts will perform across browsers.

Quality Proof
Designed for busy designers

What others says

Alex Finsky, UI Designer

"Thanks so much @zanderwhitehurst - this made it so easy to grasp type hierarchy"

Cindy Zhao, UX Designer

"Super easy to digest and makes explaining the importance of Typography to clients easy. Thanks!"

Samuel Poldin, UI Designer

"So helpful and the type kit is really easy to use and customise. Thanks @zanderwhitehurst"

Clarire Brown, UX Designer

"These Micro Books are so fun! I've shared it with my class to get @zanderwhitehurst"

Recommend for you

Color

Learn everything about adding color to your designs.
Get it now