This is the style guide.

Page Title Block - Dark Blue Inverted - For Titling a Page

San Francisco Skyline at Sunset

Vertical Billboard - Blue Inverted

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque nisl quam, congue et pharetra quis, dictum nec tellus. Quisque a condimentum erat, eu convallis risus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Phasellus fermentum lacus leo, id maximus velit volutpat ut. In hac habitasse platea dictumst. Ut volutpat metus eu elit tristique, quis venenatis justo eleifend. Praesent quis molestie elit.

Test Link

Text Block – Blue. This block is meant for attention grabbing statements. A large bold text block to grab the attention of the audience. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque nisl quam, congue et pharetra quis, dictum nec tellus.

Pull Quote - No image - Light Blue - Use this for testimonials or impactful quotes from management or customers. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Source Name

Source Title

Pull Quote - With Image image - Use this for testimonials or impactful quotes from management or customers. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Source

Source Title

Vertical Text - Dark Green Inverted

The Vertical Text block is the same as the Vertical Billboard just without an image option.

Test link

Stat Section - Dark Green

Stat Section - Dark Green - Use this block to call out stats, big numbers o

Test Link
  • 7

    Text Explaining this number *

  • 0%

    Text Explaining this number *

  • 50%

    Text Explaining this number *

  • 100%

    Text Explaining this number *

Source 1*

Source 2**

Source 3***

Source 4****

Stat Section - Green Inverted

Stat Section - Green Inverted - No Numbers in Stat section creates a simple list.

Test Link
  • Text Explaining this number *

  • Text Explaining this number *

  • Text Explaining this number *

  • Text Explaining this number *

Source 1*

Source 2**

Source 3***

Source 4****

Overall Source

Icon + Text Group - Xtra Light Green

  • Icon Title

    • Bullet points can be added here to make information easier to digest.
    • If seeking an icon we recommend the free Material Icon Library available on Google Fonts.
  • Text

    If there is no Icon

    No bullet points are also an option. Although nothing more than a small paragraph is recommended.

  • Icon Title

    • Icons should be uploaded as SVG or PNG file types to maintain transparency on different background colors.
    • Please follow color theme combinations for guidance on choosing icon color and background color.
    • ADA color accessibility should always be considered.

Text + Image Block - Right - Light Green

Text + Image Block - Right - Light Green Use this to preview content directing a user to the next page.

Text + Image Block - Left - Green Inverted

Text + Image Block - Left - Green Inverted Use this to preview content directing a user to the next page.