Typography

Typography provides the foundation for hierarchy. Use each text style with intention every level should signal meaning and structure.

Contents

• Typography components
• Examples: Structuring contents with typography
• Best practices: Emphasizing text

Typography components

Purpose

✅ Create a predictable reading hierarchy

✅ Communicate relationships between sections

Use typography to guide the reader through your content. Consistency in font size, weight, and style helps users quickly understand the structure and importance of information.

Example: Structuring content with typography

Below is an example of how to structure long-form content using clear typographic hierarchy.

Best practices: Emphasizing text

When emphasizing words or phrases within a sentence or banner, use bold or italic styling instead of underline.

Purpose

✅ Users expect underlined text to be clickable. Using it for emphasis can confuse them.

✅ These styles highlight content clearly without interfering with interaction expectations.

Best practice

📘

UX tips

Bold draws attention and italics provide subtle context - use both sparingly for clear, scannable content.