Headings

Native heading tags (h1–h6) pick up Serene typography tokens.

3 steps up h1 2 steps up h1 1 step up h1

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

I wish to speak a word for Nature, for absolute freedom and wildness, as contrasted with a freedom and culture merely civil, — to regard man as an inhabitant, or a part and parcel of Nature, rather than a member of society.

- walking by Henry David Thoreau

<!-- Sizes above heading 1 -->
  
 <span class='ser-h1-p3'> 3 steps above h1 </span>
 <span class='ser-h1-p2'> 2 steps above h1 </span>
 <span class='ser-h1-p1'> 1 step above h1</span>

<!-- Headings -->

<h1 class='ser-h1'>Heading 1</h1>
<h2 class='ser-h2'>Heading 2</h2>
<h3 class='ser-h3'>Heading 3</h3>
<h4 class="ser-h4">Heading 4</h4>
<h5 class='ser-h5">Heading 5</h5>
<h6 class="ser-h6" >Heading 6</h6>

<!-- Headings -->

<p class="ser-paragraph">
I wish to speak a word for Nature, for absolute freedom and wildness, as contrasted with a freedom and culture merely civil, — to regard man as an inhabitant, or a part and parcel of Nature, rather than a member of society.
</p>