Resa Design System

Appearance

Titles ​

v-0.0.0

How to use ​

  • The title tags have styles applied by default.

  • Classes also exist to be able to add/overwrite styles and be able to keep a good headings map : h1 h2 h3 h4 h5 h6

  • H1 titles are all in primary color.

  • Form titles are all in primary color to do so simple put a class form as parent of you titles to turn them all to primary color.

Level 1 ​

Title 1 content

html
<h1>Title 1 content</h1>
<!-- OR -->
<p class="h1">Title 1 content</p>

Level 2 ​

Title 2 content

html
<h2>Title 2 content</h2>
<!-- OR -->
<p class="h2">Title 2 content</p>

Level 3 ​

Title 3 content

html
<h3>Title 3 content</h3>
<!-- OR -->
<p class="h3">Title 3 content</p>

Level 4 ​

Title 4 content

html
<h4>Title 4 content</h4>
<!-- OR -->
<p class="h4">Title 4 content</p>

Level 5 ​

Title 5 content

html
<h5>Title 5 content</h5>
<!-- OR -->
<p class="h5">Title 5 content</p>

Level 6 ​

Title 6 content

html
<h6>Title 6 content</h6>
<!-- OR -->
<p class="h6">Title 6 content</p>

Form titles ​

Title 2 content

Title 3 content

Title 4 content

Title 5 content

Title 6 content

html
<div class="form">
    <p class="h2">Title 2 content</p>
    <p class="h3">Title 3 content</p>
    <p class="h4">Title 4 content</p>
    <p class="h5">Title 5 content</p>
    <p class="h6">Title 6 content</p>
</div>