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
Text Color 01
#000
Text Color 02
#545454
Text Color 03
#b4b4b4
Text Color 05
#585858
Brand Color
#ffe533
Bg Color 01
#f7f7f7
Bg Color 02
#f6f6e2
Bg Color 03
#fceae4
Bg Color 04
#f4def1
Bg Color 05
#191919
Bg Color 06
#d9d9d9
Border Color 01
#e7e6e6
Border Color 02
#e8e8da
Border Color 03
#e8d9d9
Border Color 04
#eacce6
Icon that represent Typography
Typography
Inter Display

Heading 01

Font size : 124px | Line height : 1em | Letter spacing : -1.24px | Font Weight: 400

Heading 02

Font size : 64px | Line height : 1em | Letter spacing : -.64px | Font Weight: 400

Heading 03

Font size : 40px | Line height : 1.1em | Letter spacing : -0.4px | Font Weight: 400

Heading 04

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

Icon that represent UI Element
UI Elements