Style guide

Take advantage of beautiful design and create a website your business deserves.

Buy template
Text / H0
Heading 0 - 128px / 93% (Lora)

Heading 1
Aa Bb Cc

Text / H1
Heading 1 - 80px / 100% (Lora)

Heading 2
Aa Bb Cc

Text / H2
Heading 2 - 68px / 88% (Lora)

Heading 3
Aa Bb Cc

Text / H3
Heading 3 - 48px / 100% (Lora)

Heading 4
Aa Bb Cc

Text / H4
Text / H4 Serif
Heading 4 - 40px / 120% (Inter)
Heading 5
Aa Bb Cc
Text / H5
Heading 5 - 32px / 125% (Inter)
Heading 6
Aa Bb Cc
Text / H6
Text / H6 Serif
Heading 6 - 24px / 116% (Inter)

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 1 - 20px / 140% (Inter)

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 2- 16px / 150% (Inter)

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.

Label- 14px / 16px (Inter)

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.

Buton - 14px / 16px (Inter)

Colors

Superior Space takes advantage of strong black and white contrast as well as vivid brand colors.

Black / #0e0e0e
Background / #f3f1ef
Background Darker / #e4e0dc
White /ffffff
Accent / #fee08d

Icons

All icons used in Superior Space template come from free stock libraries. Meaning they are are free for personal and commercial use.

Fonts

Superior Space Template is using two additional fonts, called Inter and Lora. They can be downloaded at Fontshare and are 100% free for personal and commercial use.

Buttons

Get in touch
CTA / Main
Get in touch
White / Outlined
Get in touch
Dark / Outlined