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
#51d7db
Brand Color 02
#0b2741
BG Color 01
#232323
BG Color 02
#e6f3fd
BG Color 03
#eaf1f6
BG Color 04
#3e3e3e
BG Color 05
#0b2741
BG Color 06
#124d8f
Text Color 01
#171717
Text Color 02
#dce2e3
Text Color 03
#082843
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