Typography

See these tips to make sure your text is accessible.

Headings

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

<h1 class="gr-h1">Heading 1</h1>
<h2 class="gr-h2">Heading 2</h2>
<h3 class="gr-h3">Heading 3</h3>
<h4 class="gr-h4">Heading 4</h4>
<h5 class="gr-h5">Heading 5</h5>

Body

Body Text

Body Text Large

Semibold text

<p>Body Text</p>
<p class="gr-font-large">Body Text Large</p>
<p class="gr-semi-bold">Semibold text</p>