Headings
h1: Page Heading
h2: Section Heading
h3: Subsection Heading
h4: Subsection Heading
| HTML Elements | h1 h2 h3 h4 |
SendGrid's typography is based on two distinct font families. For headings and numerals, we use Colfax. Paragraphs and other text use the font family Proxima Nova as it provides a versatile set of weights and is very legible at small sizes.
| HTML Elements | h1 h2 h3 h4 |
Hi there, this is our default paragraph style. You can bold and italicize words within a paragraph.
You can make paragraphs small.
You can also give paragraphs an error state.
| Optional Elements | strong em |
| Modifiers | .small .error |
I'm a paragraph in a h1 size.
I'm a paragraph in a h2 size.
I'm a paragraph in a h3 size.
I'm a paragraph in a h4 size.
| Modifiers | .is-size-h1 .is-size-h2 .is-size-h3 .is-size-h4 .is-weight-light .is-weight-medium |