Components

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

Desktop
Font: Electrolize Normal
Size: 64 px / 4 Rem
Height: 120%
Mobile
Font: Electrolize Normal
Size: 42 px / 2.63 Rem
Height: 120%

Heading 2
Aa Bb Cc

Desktop
Font: Electrolize Normal
Size: 64 px / 4 Rem
Height: 120%
Mobile
Font: Electrolize Normal
Size: 32 px / 2 Rem
Height: 120%

Heading 3
Aa Bb Cc

Desktop
Font: Electrolize Normal
Size: 24 px / 1.5 Rem
Height: 120%
Mobile
Font: Electrolize Normal
Size: 22 px / 1.38 Rem
Height: 120%
Text-Body-Normal
Aa Bb Cc
Desktop
Font: Epiloque
Size: 15 px / 1 Rem
Height: 160%
Mobile
Font: Electrolize
Size: 14 px / 0.88 Rem
Height: 140%
Text-Body-Normal
Aa Bb Cc
Desktop
Font: Electrolize Normal
Size: 13 px / 0.81 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.

Desktop
Font: Electrolize Normal
Size: 16 px / 1 Rem
Height: 140%
Mobile
Font: Electrolize Normal
Size: 14 px / 0.88 Rem
Height: 140%

Text-Paragraph-Small

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.

Desktop
Font: Electrolize Normal
Size: 14 px / 0.88 Rem
Height: 155%

Text-Button

Desktop
Font: Electrolize Normal
Size: 16 px / 1.5 Rem
Height: 160%

Text-Tag

Desktop
Font: Electrolize Normal
Size: 14 px / 0.88 Rem
Height: 120%

Colors

Accent Main
#8effc9
Accent 500
#d3ffea
Black
#0e0e0e
White
#ffffff

Components

Token Launch Hub
Tag Hero
Tokenize Success Now
Tag Secondary

Buttons

Button Accent
Button Secondary