Style Guide
Colors
Base
#eae5e1
Primary
#bf9b5f
Secondary
#115e67
Gray
#56524e
Accent
#93ddec
Light
#ffffff
Dark
#181f25
Link
#93ddec
Danger
#7f2629
Warning
#885c11
Success
#115e67
White
#ffffff
Typography
Heading 1
24px/67px Fraunces Regular 400
Used for <h1>, .atmc-h1
Heading 2
22px/38px Fraunces Regular 400
Used for <h2>, .atmc-h2
Heading 3
20px/28px Fraunces Regular 400
Used for <h3>, .atmc-h3
Heading 4
18px/22px Fraunces Regular 400
Used for <h4>, .atmc-h4
Heading 5
16px Fraunces Regular 400
Used for <h5>, .atmc-h5
Heading 6
10.5px/12px Raleway SemiBold 600, All-Caps
Used for <h6>, .atmc-h6
Paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque suscipit dui vitae magna maximus, in imperdiet augue laoreet. Curabitur pretium orci lobortis, imperdiet ante quis, dapibus tortor. Phasellus ac scelerisque nulla. Maecenas lacus nulla, vestibulum eget commodo vitae, dignissim at orci.
14px/16px Raleway Regular 400
Used for <p>
Links & Buttons
Buttons can be themed with brand colors, and icons optionally added. Check the Buttons section of the Modules page for variations.