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
Black
#000
White
#fff
Text Color 01
#ddd
Text Color 02
#cecfd1
Text Color 03
#0a0b0a
Text Color 04
#202221
Text Color 05
#acacac
BG Color 01
#191919
BG Color 02
#101010
BG Color 03
#57dcab
Border Color 01
#1d1e1e
Border Color 02
#262727
Border Color 03
#2c2e2e
Icon that represent Typography
Typography

Heading 01

Font size : 108px | Line height : 1.03 em |  Letter spacing : -3.24px |  Font Weight: 700

Heading 02

Font size : 88px | Line height : 1.09em |  Letter spacing : -2.64px | Font Weight: 700

Heading 03

Font size : 72px | Line height : 1.11em | Letter spacing : -1.44px | Font Weight: 700

Heading 04

Font size : 40px | Line height : 1.2em | Letter spacing : -0.4px | Font Weight: 700
Heading 05
Font size : 32px | Line height : 1.25em | Letter spacing : -0.32px | Font Weight: 700
Heading 06
Font size : 24px | Line height : 1.25em | Letter spacing : -0.2px | Font Weight: 500
Paragraph P1
Font size : 20px | Line height : 1.4em | Letter spacing : -0.2px | Font Weight: 400
Paragraph P2
Font size : 18px | Line height : 1.4em | Letter spacing : -0.18 | Font Weight: 400
Paragraph  P3
Font size : 16px | Line height : 1.5em | Letter spacing : -0.16 | 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