The kit has Light Theme Type templates to get you started
Booyah! The kit also includes Dark Theme templates
Categories make selecting fonts a little easier. Each category has a specific characteristic.
Similar to handwriting, fonts have different base styles. My handwriting sadly doesn’t have any style.
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.
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.
There are two axes on a device to consider. Inline and block. Inline is left to right and block is vertical top to bottom.
Consistent hierarchy is one of he hardest skills in product design. Define hierarchy early.
As you’ll learn in type performance, you should select a limited number of font weights to reduce the load time.
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.
Sadly, when it comes to converting your mockups into a real application you need to be mindful of how fonts will perform across browsers.
"Thanks so much @zanderwhitehurst - this made it so easy to grasp type hierarchy"
"Super easy to digest and makes explaining the importance of Typography to clients easy. Thanks!"
"So helpful and the type kit is really easy to use and customise. Thanks @zanderwhitehurst"
"These Micro Books are so fun! I've shared it with my class to get @zanderwhitehurst"