Typography

Definition

Typography is the art and technique of arranging type in a way that is visually appealing and functional. It includes selecting fonts, adjusting line spacing, letter spacing (kerning), and text alignment to ensure readability and legibility. Typography plays a critical role in setting the tone of a brand, improving accessibility, and guiding user attention through content.

Why it matters

Typography is one of the most important and most overlooked design decisions in SaaS products — most UI is text, which means typography is literally everywhere. Poor typography (inconsistent sizes, inadequate line height, low contrast, too many font weights) creates cognitive friction that users can't articulate but feel as 'hard to read' or 'cheap looking.' Good typography can make the same content feel significantly more professional and easier to process.

Real-world example

beehiiv's typography settings panel shows Global Headings, Global Body, and Global Button as separate controls with font family pickers — a systematic approach to defining the type hierarchy that governs the entire site.

beehiiv typography settings headings body global type scale
All design terms
Confused about
Typography
?
Design is fun, but it's not easy.
Get help from a senior designer.
Start your project with us!
Start a project