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.

Typography

Each heading can be used by choosing the rich text options or changing the code to the following:

<h1>Heading 1</h1>

<h2>Heading 2</h2>

<h3>Heading 3</h3>

<h4>Heading 4</h4>

<h5>Heading 5</h5>

<h6>Heading 6</h6>

The font families are specified for headings and regular paragraphs in this case.

Would be using font-family: 'Abel', sans-serif;

The headings used for the banner are H1.

The headings for columns, image/video and text, and other modules are H3.

Regular Paragraph

Would be using font-family: 'Roboto', sans-serif;

There are a couple of different sizes for buttons, and you add a different class to the anchor depending on how you want it. For example:

hs-button primary large

.cta-button and .cta-primary