Type systems

A type system defines how text looks across a product. The example shows three levels: a large heading, a subheading and body text.

Each level has a set typeface, size, weight and line height, so text looks consistent and the hierarchy is clear on every screen.

When building a type system:

• Use only one or two typefaces.
• Define a clear set of text styles, from headings to captions.
• Check readability on different screens and sizes.
• Keep line height and spacing consistent.