01. Colors

Main Colors
Info
#FF7816
Black
#07080B
Background
#F9F9F9
Info
#FFFFFF
Silver
#777980
Other Colors
Grey
#4f4f4f
Success
#27ae60
Warning
#ffc000
Error
#eb5757
Grey Light
#828282
Deep Blue
#092c4c

02. Typography

Aa
Heading
Line height and letter spacing for heading is 1.1, 1.2, 1.3, 1.4 x font size

Inter

Google Fonts
Font size
Line Height

Heading 1

80px
1.1em

Heading 2

72px
1.11em

Heading 3

Heading 3

56px
1.28em

Heading 4

32px
1.31em
Heading 5
26px
1.3em
Heading 6
20px
1.1em
Aa
Body
Line height and letter spacing for paragraph is 1.1, 1.2, 1.3, 1.4 x font size

Inter

Google Fonts
Font size
Line Height

Paragraph 1

Paragraph 1

24px
1.41em

Paragraph 2

Paragraph 2

22px
1.36em

Paragraph 3

20px
1.4em

Paragraph 4

Paragraph 4

18px
1.44em

Paragraph 5

26px
1.37em

03. Rich text

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

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

04. Buttons

Button Rules:
Padding Left Right -> 28
Padding Top Bottom -> 16