Style Guide

On this page, you will be able to familiarize yourself with various elements used in the design of this template. Here, you'll find information about stylistic details, interactive elements, and other components.

Typography

Heading 1
Aa Bb Cc

H1
Font: Archivo
Size: 80 px / 5 Rem
Height: 110%

Heading 1 Style

H1 Style
Font: Archivo
Size: 86 px / 5.38 Rem
Height: 110%

Heading 2
Aa Bb Cc

H2
Font: Archivo
Size: 64 px / 4 Rem
Height: 110%

Heading 2 Style
Aa Bb Cc

H2 Style
Font: Archivo
Size: 64 px / 4 Rem
Height: 110%

Heading 3
Aa Bb Cc

H3
Font: Archivo
Size: 32 px / 2 Rem
Height: 120%

Heading 3 Style
Aa Bb Cc

H3 Style
Font: Archivo
Size: 32 px / 2 Rem
Height: 120%

Heading 4
Aa Bb Cc

H4
Font: Archivo
Size: 24 px / 1.5 Rem
Height: 110%
Heading 4 Style
Aa Bb Cc
H4 Style
Font: Archivo
Size: 24 px / 1.5 Rem
Height: 110%
Text-Medium
Aa Bb Cc
Font: Archivo
Size: 17 px / 1.06 Rem
Height: 160%
Text-Normal
Aa Bb Cc
Font: Archivo
Size: 15 px / 1 Rem
Height: 160%
Text-Small
Aa Bb Cc
Font: Archivo
Size: 12 px / 0.75 Rem
Height: 145%
Text-Quot
Aa Bb Cc
Font: Archivo
Size: 64 px / 4 Rem
Height: 140%

Text-Paragraph-Medium

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Font: Archivo
Size: 17 px / 1 Rem
Height: 160%

Text-Paragraph-Normal

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Font: Archivo
Size: 14 px / 0.88 Rem
Height: 145%

text color

This is some text inside of a div block.
This is some text inside of a div block.

Colors

Accent
#A1E35C
Secondary
#D3F1AF
Black
#2E2E2E

Buttons

Read More
Button Primary
Button Nav Left
Button Nav Right
Button Passive