Unleash your potential

Go one step further with our solutions for creating an intuitive, personalized experience.

Log In
Alpha
Docs Creations Contact
Docs / web / typography

Typography

One of the most effective ways to convey information is obviously text. It is then important to follow certain rules in typography.

Initializing the component.

The integration of text tags automatically triggers spacing, typography sizes, etc.

Header 1

Header 2

Header 3

Header 4

Header 5
Header 6

Paragraph

Link

typography
<h1>Header 1</h1>
<h2>Header 2</h2>
<h3>Header 3</h3>
<h4>Header 4</h4>
<h5>Header 5</h5>
<h6>Header 6</h6>
<p>Paragraph</p>
<a href="#">Link</a>

It is possible to modify the style of your texts by integrating classes. The available classes are wide enough to allow you to find the style you need.

Header 1
Header 2
Header 3
Header 4
Header 5
Header 6
Paragraph
Small paragraph
Overline
Caption

typography
<div class="h1">Header 1</div>
<div class="h2">Header 2</div>
<div class="h3">Header 3</div>
<div class="h4">Header 4</div>
<div class="h5">Header 5</div>
<div class="h6">Header 6</div>
<div class="p">Paragraph</div>
<div class="type_small">Small paragraph</div>
<div class="type_overline">Overline</div>
<div class="type_caption">Caption</div>

Header 1

Header 2

Header 3

Header 4

Header 5
Header 6

Paragraph

Link

typography
<h1>Header 1</h1>
<h2>Header 2</h2>
<h3>Header 3</h3>
<h4>Header 4</h4>
<h5>Header 5</h5>
<h6>Header 6</h6>
<p>Paragraph</p>
<a href="#">Link</a>
Header 1
Header 2
Header 3
Header 4
Header 5
Header 6
Paragraph
Small paragraph
Overline
Caption

typography
<div class="h1">Header 1</div>
<div class="h2">Header 2</div>
<div class="h3">Header 3</div>
<div class="h4">Header 4</div>
<div class="h5">Header 5</div>
<div class="h6">Header 6</div>
<div class="p">Paragraph</div>
<div class="type_small">Small paragraph</div>
<div class="type_overline">Overline</div>
<div class="type_caption">Caption</div>
Class Definition
h1 Create an h2 style tag.
h2 Create an h2 style tag.
h3 Create an h3 style tag.
h4 Create an h4 style tag.
h5 Create an h5 style tag.
h6 Create an h6 style tag.
p Create an p style tag.
type_small Create an type_small style tag.
type_overline Create an type_overline style tag.
type_caption Create an type_caption style tag.
Hello!

Haltura wants to provide you with an efficient experience by implementing cookies! Cookies are small files that help us to understand you better and to ensure the proper functioning of our technologies. You have the right to manage them as you wish!

Cookie settings

Important (Can't be disabled)