Colors

The color suite is based around a 4 color system, but can accommodate bonus colors at the end of the palette. Class names are not intended to be changed. Customization of colors should be done by editing the color swatch, rather editing than the classes directly, in order to avoid breaking how the colors are mapped to elements (Text - Primary, Background - Primary, Button Primary, etc.).

Background - Black
Background - White
Background - Primary
Background - Secondary
Background - Tertiary
Background - Quaternary
Background - Neutral 1
Background - Neutral 2
Background - Neutral 3
Background - Neutral 4
Background - Neutral 5
Background - Neutral 6
Background - Bonus 1
Background - Bonus 2
Background - Bonus 3
Text - Primary
This is some text inside of a div block.
Text - Secondary
This is some text inside of a div block.
Text - Tertiary
This is some text inside of a div block.
Text - Quaternary
This is some text inside of a div block.
Text - Black
This is some text inside of a div block.
Text - White
This is some text inside of a div block.
 Created by Edgar Allan. 
Made in Atlanta. ©20xx

This work is licensed under CC BY-SA 4.0