Style Guide
Buttons
Arrow Button
btn btn-arrow btn-bg-transparent
Arrow Button
btn btn-arrow btn-bg-dark
View Products
Round Star Button
btn btn-round-star
Fonts
Lorem ipsum dolor sit amet, consectetur adipiscing elit
Ivy Mode (Adobe)
font-primary
Lorem ipsum dolor sit amet, consectetur adipiscing elit
Manrope (Google)
font-secondary
Typography
H1, .h1
55px
Title Level 1
<h1>Title Level 1</h1>
H2, .h2
45px
Title Level 2
<h2>Title Level 2</h2>
H3, .h3
40px
Title Level 3
<h3>Title Level 3</h3>
H4, .h4
35px
Title Level 4
<h4>Title Level 4</h4>
H5, .h5
30px
Title Level 1
<h5>Title Level 5</h5>
H6, .h6
20px
Title Level 6
<h6>Title Level 6</h6>
.ttl-77
77px
Title Level 1
<span class="ttl-77">Title Level 1</span>
.ttl-60
60px
Title Level 2
<span class="ttl-60">Title Level 2</span>
.ttl-40
40px
Title Level 3
<span class="ttl-40">Title Level 3</span class="ttl-40">
.ttl-36
36px
Title Level 4
<span class="ttl-36">Title Level 4</span class="ttl-36">
.ttl-30
30px
Title Level 1
<span class="ttl-30">Title Level 5</span class="ttl-30">
.ttl-28
28px
Title Level 6
<span class="ttl-28">Title Level 6</span class="ttl-28">
.ttl-26
26px
Title Level 6
<span class="ttl-26">Title Level 6</span class="ttl-26">
.ttl-24
24px
Title Level 6
<span class="ttl-24">Title Level 6</span class="ttl-24">
.fs-22
22px
Title Level 1
<span class="fs-22">Title Level 1</span>
.fs-20
20px
Title Level 2
<span class="fs-20">Title Level 2</span>
.fs-18
18px
Title Level 3
<span class="fs-18">Title Level 3</span class="ttl-40">
.fs-16
16px
Title Level 4
<span class="fs-16">Title Level 4</span class="ttl-36">
.fs-14
14px
Title Level 1
<span class="fs-14">Title Level 5</span class="ttl-30">