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
BG Color 01
#f2f2f2
BG Color 02
#f8f8f8
Text Color 01
#0b0b0b
Text Color 02
#aaa
Text Color 03
#1e1e1e
Text Color 04
#444
Text Color 05
#ccc
Border Color 01
#d9d9d9
Icon that represent Typography
Typography

h1

Font size : 180px | Line height : 1em | Font Weight: 700

h2

Font size : 110px | Line height : 1em | Font Weight: 700

h3

Font size : 48px | Line height : 1.2em | Font Weight: 700

h4

Font size : 40px | Line height : 1.25em | Font Weight: 700
h5
Font size : 32px | Line height : 1.31em | Font Weight: 700
h6
Font size : 24px | Line height : 1.41em | Font Weight: 700
Body Text Large
Font size : 20px | Line height : 1.6em | Letter spacing : -0.4px | Font Weight: 400
Body Text Regular
Font size : 18px | Line height : 1.55em | Letter spacing : -0.36px | Font Size: 400
All Body Text
Font size : 18px | Line height : 1.55em | Font Weight: 400
Body Text Small
Font size : 16px | Line height : 1.5em | Letter spacing : -0.32 | Font Weight: 400
Icon that represent Rich text
Rich Text

H1

h2

H3

H4

h5
h6

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