Style Guide
Colors
Base
#415462
Primary
#003057
Secondary
#bf9b5f
Gray
#67717E
Accent
#dfdbd2
Light
#F3F5F7
Dark
#003057
Link
#0074BD
Danger
#7f2629
Warning
#92713a
Success
#0081A2
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>
Link & Buttons
Buttons can be themed with brand colors, and icons optionally added. Check the Buttons section of the Modules page for variations.