Hero Large 96px, 300 weight

<h1 class="hero-large">Hero Large</h1>

Illustrator size: 96px

Hero Medium 60px, 300 weight

<h2 class="hero-medium">Hero Medium</h2>

Illustrator size: 60px

Display Large 56px, 300 weight

<h3 class="display-large">Display Large</h3>

Illustrator size: 56px

Display Medium 45px, 300 weight

<h4 class="display-medium">Display Medium</h4>

Illustrator size: 45px

Display Small 34px, 300 weight

<h5 class="display-small">Display Small</h5>

Illustrator size: 34px

Headline Large 24px, 400 weight

<h6 class="headline-large">Headline Large</h6>

Illustrator size: 24px

Headline Medium 20px, 400 weight

<p class="headline-medium">Headline Medium</p>

Illustrator size: 20px

Headline Small 18px, 400 weight

<p class="headline-small">Headline Small</p>

Illustrator size: 18px

Body Medium 16px, 400 weight

<p class="body-medium">Body Medium</p>

Illustrator size: 16px

Caption Large 12px, 400 weight

<span class="caption-large">Caption Large</span>

Illustrator size: 12px