Careers
Quote
Track
nashville-warehousing-header

AVERITT DIGITAL STYLE GUIDE

Following this guide you will be able to see the typography, styles, and layout to better understand how each section works.

 

Colors

Content

Most content will either be black or red unless something is specified in either adding a class or changing the color in rich text. 

or for example:

test

<div class="grey-bg white-text">
<p style="text-align: center;">test</p>
</div>

The hex code for the red text is #c2202e

Background Color

The background color will alternate with each section after the banner. For example, the first section after the banner will have a white background and a grey background on the second section, then white on the third section and so on. 

The hex code for the grey color is: #e7e8e9

Button Colors

There are a couple of different button colors depending on what class is added on that button, for example:

hs-button primary large

*Note: Some styles such as colors and border may need to be applied here.

anchor

.cta-button and .cta-primary

anchor