Text / H0

Heading 0 - 128px / 93% (Montserrat)

Heading 1
Aa Bb Cc

Text / H1

Heading 1 - 80px / 100% (Montserrat)

Heading 2
Aa Bb Cc

Text / H2

Heading 2 - 68px / 88% (Montserrat)

Heading 3
Aa Bb Cc

Text / H3

Heading 3 - 48px / 100% (Montserrat)

Heading 4
Aa Bb Cc

Text / H4

Text / H4 Serif

Heading 4 - 40px / 120% (Montserrat)

Heading 5
Aa Bb Cc

Text / H5

Heading 5 - 32px / 125% (Montserrat

Heading 6
Aa Bb Cc

Text / H6

Text / H6 Serif

Heading 6 - 24px / 116% (Montserrat)

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% (Arial)

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% (Arial)

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 (Arial)

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 (Arial)

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.

Block quote

Ordered list

Item 1
Item 2
Item 3

Unordered list

Item A
Item B
Item C

Text link

Bold text

Emphasis

^Superscript

_Subscript

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

Deep Blue (Primary) / #19408b

Vibrant Orange (Primary) / #f08223

Rich Purple (Primary) / #62328A

Accent Green (Secondary) / #8fc043

Mid Grey (Secondary) / #cdcccc

Deep Blue (Secondary) / #E1E9FA

Vibrant Orange (Secondary) / #FDECDE

Rich Purple (Secondary) / #E7DAF1

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.