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 Color 01
#32d9f6
Brand Color 02
#3291f6
BG Color 01
#232323
BG Color 02
#F5F5F5
BG Color 03
#eef2f5
BG Color 04
#3e3e3e
BG Color 05
#1c1c1c
BG Color 06
#3248f6
Text Color 01
#171717
Text Color 02
#dce2e3
Text Color 03
#25282b
Text Color 04
#505559
Text Color 05
#abafb4
Text Color 06
#dce2e9
Strock Color 01
#ebebeb
Icon that represent Typography

Typography

DM Sans

Heading 01

Font size : 70px | Line height : 1.11em | Font Weight: 700

Heading 02

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

Heading 03

Font size : 24px | Line height : 1.33em | Font Weight: 600

Heading 04

Font size : 20px | Line height : 1.5em | Font Weight: 600
Heading 05
Font size : 18px | Line height : 1.44em | Font Weight: 700
Heading 06
Font size : 12px | Line height : 1.5em | Font Weight: 700
Body Text B1
Font size : 18px | Line height : 1.55em | Font Weight: 400
Body Text B2
Font size : 16px | Line height : 1.5em | Font Weight: 600
All Body Text
Font size : 16px | Line height : 1.5em | Font Weight: 400
Body Text B3
Font size : 14px | Line height : 1.42em | Font Weight: 400
Body Text B4
Font size : 12px | Line height : 1.33em | 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