Typography

Title, Paragraph and Text for emails, with size, color, line height and margin written out so no mail client falls back to its own.

Set level from 1 to 5 to choose the heading element and its size, with one level 1 title per email.

A title above a paragraph, with the title's bottom margin setting the space between them.

Set type on a Title to secondary or tertiary for a quieter heading, or to success, warning or danger for a status.

Set italic, underline, delete, code, mark, keyboard or disabled on a Title to style the whole heading.

Set size on Paragraph to label, sm or xs to step down from the base size, the same steps as the web Typography.

Set type to secondary or tertiary for quieter text, or to success, warning or danger for a status.

Set strong, italic, underline, delete, code, mark, keyboard or disabled on a Paragraph to style all of its text.

Wrap words in Text to style them inside a paragraph, from strong and code to mark, keyboard, disabled, a type or a smaller size.

Set noWidows on a Title or Paragraph to keep its last two words together, so the last line never holds one word.

On This Page