Global Colors
Primary Color
--primary_color
Secondary Color
--secondary_color
Tertiary Color
--tertiary_color
Quaternary Color
--quaternary_color
Black Color
--black_color
White Color
--white_color
Accent Colors
Primary Color
--accent_primary_color
Secondary Color
--accent_secondary_color
Tertiary Color
--accent_tertiary_color
Quaternary Color
--accent_quaternary_color
Headings
<h1>Heading Text (H1). D-64, T-42, M-36</h1>
Heading Text (H1). D-64, T-42, M-36
<h2>Heading Text (H2). D-50, T-36, M-30</h2>
Heading Text (H2). D-50, T-36, M-30
<h3>Heading Text (H3). D-34, T-30, M-26</h3>
Heading Text (H3). D-34, T-30, M-26
<h4>Heading Text (H4). D-29, T-26, M-22</h4>
Heading Text (H4). D-29, T-26, M-22
<h5>Heading Text (H5). D-22, T-20, M-20</h5>
Heading Text (H5). D-22, T-20, M-20
<h6>Heading Text (H6). D-20, T-18, M-18</h6>
Heading Text (H6). D-20, T-18, M-18
Fonts Testing
Font-Weight: 100 | Font-Family: Wok
Font-Weight: 200 | Font-Family: Wok
Font-Weight: 300 | Font-Family: Wok
Font-Weight: 400 | Font-Family: Wok
Font-Weight: 500 | Font-Family: Wok
Font-Weight: 600 | Font-Family: Wok
Font-Weight: 700 | Font-Family: Wok
Font-Weight: 800 | Font-Family: Wok
Font-Weight: 900 | Font-Family: Wok
Paragraphs
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. D-20, T-20, M-18</p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. D-20, T-20, M-18
List
<ul>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. D-18, T-16, M-16</li>
</ul>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. D-18, T-16, M-16</li>
</ul>
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. D-18, T-16, M-16
<ol>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. D-18, T-16, M-16</li>
<ol>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. D-18, T-16, M-16</li>
<ol>
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. D-18, T-16, M-16
Blockquote
<blockquote>Lorem ipsum dolor sit amet, consectetur adipiscing elit. D-20, T-18, M-18</blockquote>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. D-20, T-18, M-18
Others
This is Link Style Nothing but <a> tag
This line contains subscript text.
This line contains superscript text.
This line contains code.
This line contains small text.
This line contains highlighted text
Buttons
Primary Button
Secondary Button
Tertiary Button
Form
Table
| Header column one | Header column two | Header column three | Header column four |
|---|---|---|---|
| Row one column one | $0000 / delegate | $0000 / delegate | $0000 / delegate |
| Row two column one | $0000 / delegate | $0000 / delegate | $0000 / delegate |
| Row three column one | $0000 / delegate | $0000 / delegate | $0000 / delegate |
| Row four column one | $0000 / delegate | $0000 / delegate | $0000 / delegate |
| Total | $0000 / delegate | $0000 / delegate | $0000 / delegate |
