Style Guide
The guide to using the basic template sections and tags is shown in the template's basic style.
Colors
Brand Primary
#398fff
Brand Secondary
#ffa260
BG Color 01
#000
BG Color 02
rgba(255, 255, 255, 0.05)
Text Color 01
#fff
Text Color 02
rgba(255, 255, 255, 0.8)
Text Color 03
#cdcdcd
Stoke Color 01
rgba(255, 255, 255, 0.1)
Typography
Satoshi
Heading 01
Font size : 80px | Line height : 1.1em | Font Weight: 500
Heading 02
Font size : 64px | Line height : 1.12em | Font Weight: 500
Heading 03
Font size : 40px | Line height : 1em | Font Weight: 700
Heading 04
Font size : 32px | Line height : 1.25em | Font Weight: 700
Heading 05
Font size : 28px | Line height : 1.28em | Font Weight: 700
Heading 06
Font size : 24px | Line height : 1.33em | Font Weight: 700
All Body Text
Font size : 18px | Line height : 1.55em | Font Weight: 400
Body Text B1
Font size : 20px | Line height : 1.6em | Font Weight: 500
Body Text B2
Font size : 16px | Line height : 1.5em | Font Weight: 400
Body Text B3
Font size : 16px | Line height : 1.5em | Font Weight: 500
Body Text B4
Font size : 14px | Line height : 1.42em | Font Weight: 400
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
- Item 1
- Item 2
- Item 3
Unordered list
- Item A
- Item B
- Item C
Bold text
Emphasis
Superscript
Subscript
UI Elements