'Typography' component

Introduction

Typography helps to create hierarchies, organize information, and guide our users through pages. The Typography component makes it easy to apply a default set of font weights and sizes within your website.

Anatomy

Editorial

• Provide enough contrast between text and its background colors.

• For font size use relative units to accommodate the user settings.

• Don't skip heading levels. In order to solve this problem, consider separating the semantics from the style.

Usage

Do’s

• Whenever possible, use left aligned text.

• Use the underline style to link text in the body to show when text is clickable.

Don’ts

• Unless absolutely necessary, don’t use right aligned, centered or justified text.

• Don’t break words.

• Don’t leave short words hanging.

• Don’t make big indents on single lines.

• Don’t use caps excessively.