UI Toolkit

<div class="bg-white border-solid border-2 border-b-black"> </div>

<div class="bg-black"> </div>

<div class="brandient-1 bg-gradient-to-r"> </div>

<div class="brandient-2 bg-gradient-to-r"> </div>

<div class="brandient-3 bg-gradient-to-r"> </div>

<div class="brandient-4 bg-gradient-to-r"> </div>

<div class="brandient-5 bg-gradient-to-r"> </div>

<div class="brandient-full bg-gradient-to-r"> </div>

<span class="header-main">Main Headline</span>

<span class="header-xlarge">XLarge Headline</span>

<span class="header-large">Large Headline</span>

<span class="heading">Medium Heading</span>

<span class="heading-small">Small Heading</span>

<span class="lead-xlarge">XLarge Lead Copy</span>

<span class="lead-large">Large Lead Copy</span>

<span class="lead-medium">Medium Lead Copy</span>

<span class="lead-small">Small Lead Copy</span>

<span class="lead-xsmall">XSmall Lead Copy</span>

<span class="body-large">Large Body Copy</span>

<span>Body Copy</span>

<span class="blog-copy">Blog Copy</span>

<span class="list-copy">List Copy</span>