TechSphere Template Style Guide

TechSphere has everything you need to build a website that truly stands out and drives conversions

Buy Template

Colors

Main Colors

Accent Blue

#5652FF

Secondary Pink

#F389D5

Secondary Purple

#B488EC

Black Colors Scale

Black 300

#12121C

Black 200

#1C1B27

Black 100

#5D5A88

Neutral Colors

Neutral 900

#747494

Neutral 800

#8C8BA7

Neutral 700

#ABABC3

Neutral 600

#BBBACD

Neutral 500

#D3D2E3

Neutral 400

#E6E6F2

Neutral 300

#F2F1FA

Neutral 200

#F9F9FF

Neutral 100

#FAFAFF

System Colors

System Green

#119C70

System Red

#E11F1F

System Orange

#F5791F

Typography

Heading H1

Eudoxus Sans Bold

56px / 60px

A dedicated team to grow your company

Heading H2

Eudoxus Sans Bold

36px / 48px

A dedicated team to grow your company

Heading H3

Eudoxus Sans Bold

24px / 34px

A dedicated team to grow your company

Heading H4

Eudoxus Sans Bold

20px / 26px

A dedicated team to grow your company

Heading H5

Eudoxus Sans Bold

18px / 24px

A dedicated team to grow your company

Heading H6

Eudoxus Sans Bold

16px / 22px

A dedicated team to grow your company

Body Large

Eudoxus Sans Regular

24px / 38px

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.

Body Regular

Eudoxus Sans Regular

18px / 30px

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Amet proin ut vitae, felis. Mauris aliquet faucibus iaculis dui vitae ullamcorper ac. Posuere enim, mi pharetra neque proin dictum amet.

Body Small

Eudoxus Sans Regular

16px / 24px

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Amet proin ut vitae, felis. Mauris aliquet faucibus iaculis dui vitae ullamcorper ac. Posuere enim, mi pharetra neque proin dictum amet.

Body Tiny

Eudoxus Sans Regular

12px / 20px

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Amet proin ut vitae, felis. Mauris aliquet faucibus iaculis dui vitae ullamcorper ac. Posuere enim, mi pharetra neque proin dictum amet.

Text Bold

Eudoxus Sans Bold

18px / 30px

Lorem ipsum dolor sit amet consectetur

Text Link

Eudoxus Sans Bold

18px / 30px

Lorem ipsum dolor sit amet consectetur

Bullet List

Eudoxus Sans Regular

18px / 30px

Lorem ipsum dolor sit amet, consectetuer
Aenean massa. Cum sociis natoque
Donec pede justo, fringilla vel,
Posuere enim mi pharetra neque proin porttitor rhoncus dolor purus

Numbered List

Eudoxus Sans Regular

18px / 30px

Lorem ipsum dolor sit amet, consectetuer
Aenean massa. Cum sociis natoque
Donec pede justo, fringilla vel,
Posuere enim mi pharetra neque proin porttitor rhoncus dolor purus

Blockquote

Eudoxus Sans ExtraBold

28px / 38px

“Auctor ornare amet ut vel ultricies amet donec eget mattis in diam duis nec, nibh blandit sit amet, scelerisque diam”

Text Uppercase

Eudoxus Sans Regular

18px / 30px

Lorem ipsum dolor sit amet consectetur

Text Underline

Eudoxus Sans Regular

18px / 30px

Lorem ipsum dolor sit amet consectetur

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.