UI Toolkit
Color
<div class="bg-white border-solid border-2 border-b-black"> </div>
<div class="bg-black"> </div>
<div class="brandient-1 bg-linear-to-r"> </div>
<div class="brandient-2 bg-linear-to-r"> </div>
<div class="brandient-3 bg-linear-to-r"> </div>
<div class="brandient-4 bg-linear-to-r"> </div>
<div class="brandient-5 bg-linear-to-r"> </div>
<div class="brandient-full bg-linear-to-r"> </div>
Typography
Main Headline<span class="header-main">Main Headline</span>
<span class="header-xlarge">XLarge Headline</span>
<span class="header-large">Large Headline</span>
Medium Heading<span class="heading">Medium Heading</span>
Small Heading<span class="heading-small">Small Heading</span>
XLarge Lead Copy<span class="lead-xlarge">XLarge Lead Copy</span>
Large Lead Copy<span class="lead-large">Large Lead Copy</span>
Medium Lead Copy<span class="lead-medium">Medium Lead Copy</span>
Small Lead Copy<span class="lead-small">Small Lead Copy</span>
XSmall Lead Copy<span class="lead-xsmall">XSmall Lead Copy</span>
Large Body Copy<span class="body-large">Large Body Copy</span>
Body Copy<span>Body Copy</span>
Blog Copy<span class="blog-copy">Blog Copy</span>
List Copy<span class="list-copy">List Copy</span>