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
#000
Brand Primary
#00878d
BG Color 01
#bdea31
BG Color 04
#006a71
BG Color 06
rgba(255, 255, 255, 0.8)
TEXT Color 01
#f3f6f6
TEXT Color 02
#08f8f9
TEXT Color 03
#c4c4c4
TEXT Color 04
#00878d
TEXT  Color 05
#1a1a1a
TEXT  Color 06
#4f4f4f
TEXT Color 07
#cef451
TEXT Color 08
#f6f6f6
TEXT  Color 09
#2c2d2f
Stroke Color 01
#e7e7e7
Stroke Color 02
rgba(0, 0, 0, 0.12)
Stroke Color 03
#b0b0b0
Icon that represent Typography
Typography
Inter

Heading 01

Font size : 64px | Line height : 1em | Letter spacing : -0.56px | Font Weight: 700

Heading 02

Font size : 48px | Line height : 1em | Letter spacing : -0.26px | Font Weight: 500

Heading 03

Font size : 32px | Line height : 1.12em | Font Weight: 500

Heading 04

Font size : 28px | Line height : 1.2em | Font Weight: 500
Heading 05
Font size : 24px | Line height : 1.25em | Font Weight: 500
Heading 06
Font size : 20px | Line height : 1.75em | Font Weight: 500
Paragraph P1
Font size : 24px | Line height : 1.16em | Font Weight: 400
Paragraph P2
Font size : 16px | Line height : 1.5em | 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