Heading 1

<h1>Heading 1</h1>

Heading 2

<h2>Heading 2</h2>

Heading 3

<h3>Heading 3</h3>

Heading 4

<h4>Heading 4</h4>
Heading 5
<h5>Heading 5</h5>
Heading 6
<h6>Heading 6</h6>

Subtitle 1

<p class="subtitle">Subtitle 1</p>

Subtitle 2

<p class="subtitle">Subtitle 2</p>

Subtitle 3

<p class="subtitle">Subtitle 3</p>

Body 1

<p class="body-1">Body 1</p>

Body 2

<p class="body-2">Body 2</p>

Body 3

<p class="body-3">Body 3</p>

Body 4

<p class="body-4">Body 4</p>

Button

<p class="button-text">Button</p>
Overline <span class="overline">Overline</span>
Primary button <a href="#" class="button button--primary button--withArrow">Primary button with Arrow</a>
Primary button <a href="#" class="button button--primary">Primary button</a>
Secondary button <a href="#" class="button button--secondary">Secondary button</a>
Disabled primary button <a href="#" class="button button--primary disabled" disabled>Disabled primary button</a>
    Compare