> For the complete documentation index, see [llms.txt](https://university.obvious.in/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://university.obvious.in/product-design/typography.md).

# Typography

Text does most of the heavy lifting in interfaces. Getting it right means to optimise it for readability, accessibility and usability. Think of the time you were frustrated with a book because the font size was too small. Or the time you were creating your design and didn’t know which font to use. 

## Modules

<table data-card-size="large" data-view="cards"><thead><tr><th></th><th data-hidden data-card-cover data-type="files"></th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td>How to compose type</td><td><a href="/files/ezrS0d7MHjAI7ZYqwdIF">/files/ezrS0d7MHjAI7ZYqwdIF</a></td><td><a href="/pages/tzK0EEI9fhJpWHRPwKXT">/pages/tzK0EEI9fhJpWHRPwKXT</a></td></tr><tr><td>How to create a type scale</td><td><a href="/files/Ax54NqiKUo2ZnhUc24WG">/files/Ax54NqiKUo2ZnhUc24WG</a></td><td><a href="/pages/toL6IeQ1hTdUVr2uWeE5">/pages/toL6IeQ1hTdUVr2uWeE5</a></td></tr><tr><td>How to pick typefaces</td><td><a href="/files/gKNNDTAxaJ1mpntJBM3N">/files/gKNNDTAxaJ1mpntJBM3N</a></td><td><a href="/pages/8OGzNyfTS4KWL8PpYSTS">/pages/8OGzNyfTS4KWL8PpYSTS</a></td></tr><tr><td>How to pair typefaces</td><td><a href="/files/gHgWe82WLhzqKdgufGyW">/files/gHgWe82WLhzqKdgufGyW</a></td><td><a href="/pages/4dXUVZpH3utiWDZIK7ds">/pages/4dXUVZpH3utiWDZIK7ds</a></td></tr></tbody></table>