Style Guide

Colors style
Main Color
Primary Color
#30ACA6
Opacity 100%
Secondary Color
#FFD700
Opacity 100%
Background Color
Primary Color
#1E2340
Opacity 100%
Font Color
Heading Color
#ffffff
Opacity 100%
Heading Color
#4F3F3F
Opacity 100%
Paragraph Color
#ffffff
Opacity 80%
Paragraph Color
#30ACA6
Opacity 100%
Typography Style

Heading 1

Font Family
:
Chakra Petch (free Google font)
Font Size
:
50 px
Font Style
:
Normal (bold)
Font Weight
:
700
Line Height
:
66 px

Heading 2

Font Family
:
Chakra Petch (free Google font)
Font Size
:
46 px
Font Style
:
Normal (bold)
Font Weight
:
700
Line Height
:
60 px

Heading 3

Font Family
:
Chakra Petch (free Google font)
Font Size
:
30 px
Font Style
:
Normal (Semi Bold)
Font Weight
:
600
Line Height
:
40 px

Heading 4

Font Family
:
Chakra Petch (free Google font)
Font Size
:
20 px
Font Style
:
Normal (Semi Bold)
Font Weight
:
600
Line Height
:
30 px
Heading 5
Font Family
:
Chakra Petch (free Google font)
Font Size
:
16 px
Font Style
:
Normal (Semi Bold)
Font Weight
:
600
Line Height
:
26 px
Paragraph Style

Star inspect rectangle duplicate share thumbnail auto slice community. Boolean flatten component undo slice export scrolling background stroke. Inspect stroke plugin share font invite auto union team vertical. List draft opacity hand slice draft undo. Frame line select vertical plugin.

Font Family
:
Inter (free Google font)
Font Size
:
16 px
Font Style
:
Normal (Regular)
Font Weight
:
300
Line Height
:
24 px
Form Style

Get In Touch

Connection rotate vector create ellipse figma. Outline opacity bold shadow layout invite editor.

Submit
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.