TYPOGRAPHY SCALES

Summary from the TLDR Design newsletter

A modular type scale can be computed directly from a base size and ratio using CSS pow(), instead of chaining each step from the previous one. Negative steps quickly generate unreadable sizes, such as 5.6px three steps below a 1.2rem base. Defining Heading, Body, and Detail categories with a minimum base size and only positive exponents keeps every generated size accessible.