Styleguide for SoTah Adventures

SVG Vector logos

Vision board

Aa

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

1234567890

Headings

Title H1

Hello

Size
170px
Line Height
80%
Letter Spacing
-0.03em
Weight
Light
Title H2

Hello

Size
100px
Line Height
120%
Letter Spacing
-0.01em
Weight
Light
Title H3

Hello

Size
80px
Line Height
100%
Letter Spacing
0
Weight
Light
Title H4

Hello

Size
60px
Line Height
110%
Letter Spacing
-0.04em
Weight
Light
Title H5
Hello
Size
32px
Line Height
110%
Letter Spacing
-0.04em
Weight
Light
Title 6 (eyebrow)
Hello
Size
19px
Line Height
110%
Letter Spacing
-0.04em
Weight
Light

Typeface: Manrope

Aa

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

1234567890

Paragraphs

Paragraph 20PX

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.

Size
20px
Line Height
130%
Weight
Regular
Paragraph 18PX

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.

Size
18px
Line Height
140%
Weight
Regular
Paragraph 16PX

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.

Size
16px
Line Height
130%
Weight
Regular
Paragraph 14PX

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.

Size
14px
Line Height
130%
Weight
Regular
Paragraph 12PX

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.

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.

Size
12px
Line Height
130%
Weight
Medium
Hyperlink

This is a hyperelink

Size
12px
Line Height
130%
Weight
Medium

Colors

HEX
#FFFFFF
Brand blue
#161126
Off black
#1E1E1E
Medium grey
#8D8D8D
Red Rocks
#AC5554
Crazy Red (Neon Red)
#FF364B
CMYK: C 0%   M 79%   Y 71%   K 0%
Pantone 805C
Desert Sunset
95deg, #FDA30C , #F8611A, #F62732 , #6F466E
Blue Gradient
180deg, #161126 0%, #2E254B 100%