Style Guide

Standards and guidelines of this template.

Color style

Whitesmoke

#F5F5F5

White

#FFFFFF

Black

#000000

Light Grey

#C8C8C8

Grey

#929292

Purple

#BB21B6

Typography style

H1- Aa Bb Cc

Heading 1

Outfit - 500 Medium

Size 8 VW

Height 8 VW

H2- Aa Bb Cc

Heading 2

Outfit - 500 Medium

Size 6 VW

Height 6.5 VW

H3- Aa Bb Cc

Heading 3

Outfit - 500 Medium

Size 3.5 VW

Height 4 VW

H4- Aa Bb Cc

Heading 4

Outfit - 500 Medium

Size 2.5 VW

Height 3 VW

H5- Aa Bb Cc

Heading 5

Outfit - 500 Medium

Size 2.3 VW

Height 2.3 VW

H6- Aa Bb Cc

Heading 6

Outfit - 500 Medium

Size 1.7 VW

Height 1.7 VW

Rich text typography

H1

H2

H3

H4

H5

H6

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

Button

Animated Link 1

Learn More

Animated Link 1

See the Complete Overview

arrow_forward

Main Button

Button Text

Interaction

To adjust the number you want to display, you can edit it in the timed animation and adjust the Y move value. Example 8 = -800% , 0 = 0% or -1000%.

0

1

2

3

4

5

6

7

8

9

0

1

0

1

2

3

4

5

6

7

8

9

0

1

2

3

4

0

1

2

3

4

5

6

7

8

9

0

1

2

3

+