Style guide

The guide to using the basic template sections and tags is shown in the template's basic style.
Circle icon that represent colors link
Colors
White
#fff
Black
black
Brand Primary
#b7f37b
Brand Secondery
#184f46
Text Color 01
#202a28
Text Color 02
#fbfcfe
Text Color 03
#626764
Text Color 04
#dce2e9
BG Color 01
#f7f9f9
Bg Color 02
#f9fafb
Bg Color 03
#cbcacf
Bg Color 04
#edf1f5
Bg Color 05
#a9acaa
Bg Color 07
#fbfef7
Stroke Color 01
#798493
Icon that represent Typography
Typography
Inter Tight

Heading 01

Font size : 56px | Line height : 1.2em | Letter spacing : 0px | Font Weight: 600

Heading 02

Font size : 48px | Line height : 1.2em | Letter spacing : 0px | Font Weight: 600

Heading 03

Font size : 40px | Line height : 1.2em | Letter spacing : 0px | Font Weight: 600

Heading 04

Font size : 32px | Line height : 1.3em | Letter spacing : 0px | Font Weight: 600
Heading 05
Font size : 24px | Line height : 1.4em | Letter spacing : 0px | Font Weight: 600
Heading 06
Font size : 20px | Line height : 1.4em | Letter spacing : 0px | Font Weight: 600
Body Text B1
Font size : 18px | Line height : 1.4em | Letter spacing : 0px | Font Weight: 400
Body Text B2
Font size : 16px | Line height : 1.5em | Letter spacing : 0 | Font Weight: 400
All Body Text
Font size : 14px | Line height : 1.4em | Letter spacing : 0 | Font Weight: 400
Icon that represent Rich text
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

Text link

Bold text

Emphasis

Superscript

Subscript