Styles

Web Style Guide #

The primary brand color should be used for all main interactive elements like buttons and links. Neutral colors provide flexibility for backgrounds and secondary elements.

  • Primary Brand Color: #171E30
  • Secondary Brand Color: #FE771D
  • Neutral Color 1: #FFFFFF
  • Neutral Color 2: #33A7B8
  • Accent Color: #1B82B7

Typography #

We recommend using the primary font with white backgrounds for optimal legibility and branding. Avoid light fonts on dark backgrounds when used with the logo. The primary sans-serif font provides a clean, modern look appropriate for our brand voice. Font colors should stick to the primary brand color for consistency.

  • Primary Font: Arial, Helvetica, sans-serif
  • Font Color: #171E30

Images #

Images visually enhance our brand when high-quality, optimized, and on-brand. Allowed formats are those that best balance quality and performance. Images should be high quality and optimized for web. Image formats allowed are JPG, PNG and SVG.

Layout #

A grid-based layout creates visual harmony and strengthens our brand identity across pages and devices. Sections should feel spacious within a comfortable maximum width. Website layout should follow a simple grid structure with columns. Max width of sections should be 1200px.