Headings

The headings are used to define the structure of a page. They are used to define the importance of the content.

H1 · Extra Large

24px · Used very rarely · For the most important titles

H2 · Very Large

18px · Used once per page · For headings that describe the page

H3 · Most used

16px · Separate sections · Most used heading

H4 · Highlight

14px · Highlight content · For groups of elements

Subheading

14px · Used for additional information · For small texts

1<h1>Extra Large</h1> <!-- or use the class ".h1" -->
2<h2>Very Large</h2> <!-- or use the class ".h2" -->
3<h3>Most used</h3> <!-- or use the class ".h3" -->
4<h4>Highlight</h4> <!-- or use the class ".h4" -->
5<p class="subheading">Subheading</p>