Website Styles Guide

Site Colors

rgb(64, 88, 40)
hex #405828
rgb(35, 69, 111)
hex #23456f
rgb(242, 155, 48)
hex #f29b30

 

Site Fonts -Font Families

font-family: Merriweather Bold, Merriweather;
The font-family: Merriweather Bold, Merriweather;  is used for the H1, H2, H3, H4, H5, H6 on this site. on this site.

The list is prioritized from left to right: it will use the first value if it’s available, or go to the next one, until the end of the list is reached. The default font family is defined by the browser preferences.

In this example, the browser will try to use Merriweather Bold, Merriweather  if it’s available. If it can’t find it, it will try to use another Merriweather  font.

font-family: Roboto Light, Roboto;
The font-family: Roboto Light, Roboto;  is used for the body copy on this site. on this site.The list is prioritized from left to right: it will use the first value if it’s available, or go to the next one, until the end of the list is reached. The default font family is defined by the browser preferences.

In this example, the browser will try to use Roboto Light, Roboto  if it’s available. If it can’t find it, it will try to use anotherRoboto  font.

Hello world
The quick brown fox jumps over the lazy dog

H1 Lorem ipsum dolor sit amet, at fermentum

H2 Lorem ipsum dolor sit amet, at fermentum

H3 Lorem ipsum dolor sit amet, at fermentum

H4 Lorem ipsum dolor sit amet, at fermentum

H5 Lorem ipsum dolor sit amet, at fermentum
H6 Lorem ipsum dolor sit amet, at fermentum

 

p – Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

p > bold – Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

p > italic – Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

a href – this is a link

a href > bold – this is a bold link

Phone Number Link: 888-888-888

Email Link: test email

TEXT WITH PAGE CONTENT TEXT DIV – Lorem ipsum dolor sit amet, consetetur sadipscing elitr. ed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliq. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Blockquote – Lorem Ipsum Dolor Sit Amet, Consectetur Adipiscing Elit, Sed Do Eiusmod Tempor Incididunt Ut Labore Et Dolore Magna Aliqua. Ut Enim Ad Minim Veniam, Quis Nostrud Exercitation Ullamco Laboris Nisi Ut Aliquip Ex Ea Commodo Consequat. Duis Aute Irure Dolor In Reprehenderit In Voluptate Velit Esse Cillum Dolore Eu Fugiat Nulla Pariatur. Excepteur Sint Occaecat Cupidatat Non Proident, Sunt In Culpa Qui Officia Deserunt Mollit Anim Id Est Laborum.

Bulleted List – Lorem ipsum dolor sit amet, consectetur adipiscing elit.

  • Item 1
  • Item 2
  • Item 3
    • Item 3a
    • Item 3b
    • Item 3c
      • Item 3a I
      • Item 3a II
      • Item 3a III

Numbered List – Lorem ipsum dolor sit amet, consectetur adipiscing elit.

  1. Item 1
  2. Item 2
  3. Item 3
    1. Item 3a
    2. Item 3b
    3. Item 3c
      1. Item 3a I
      2. Item 3a II
      3. Item 3a III