Headline

The headline styles are used to style titles.

Headline sizes

This is a H2

This is a H2

This is a H2

This is a H2

This is a H2

This is a H2

<h2 class="nxt-headline xlarge">This is a H2</h2>
<h2 class="nxt-headline large">This is a H2</h2>
<h2 class="nxt-headline medium">This is a H2</h2>
<h2 class="nxt-headline small">This is a H2</h2>
<h2 class="nxt-headline xsmall">This is a H2</h2>
<h2 class="nxt-headline xxsmall">This is a H2</h2>

Headline styles

This is bold headline

This is a semibold headline

This is a regular headline

This is a light headline

<h2 class="nxt-headline large caps bold">This is bold headline</h2>
<h2 class="nxt-headline large caps semibold">This is a semibold headline</h2>
<h2 class="nxt-headline large caps regular">This is a regular headline</h2>
<h2 class="nxt-headline large caps light">This is a light headline</h2>

Negative style

This is a negative H6

<div style="background: currentColor; padding: 24px;">
  <h6 class="nxt-headline large negative">This is a negative H6</h6>
</div>