Logos

• Header and Footer – Maximum height is 100px. No maximum width. However, we would not suggest uploading a super long image, otherwise it will shrink and appear small on mobile view.  A good suggestion is 350 X 100px.

Colors

• 3 color template, but only when the tertiary is a dark color.  See below, otherwise there will only be 2.
• Primary must be darker to pass contrast compliance for text. (Orange on demo.)
• Secondary color can be dark or light color.  If the secondary color is light, black text would be used over top.  (Cream color on demo.)  The secondary color is used as a background for the icon/callout row under Hero.
• Tertiary color explanation: Sutherland is a 3-color template, but only when 2 of the colors are dark enough to pass compliance. If they have 1 compliant color and then 2 non-compliant, then 3 colors are ignored, and the template uses the primary 1 in its place. This is because the 3rd color makes underlines, arrows, borders and hover underline states and lighter colors wouldn't show up well for those items. (Teal on demo.)  Basically, Sutherland is ONLY a 3-color template when the primary is dark, secondary can be dark or light, but the tertiary color is also dark.

Font

• “Spline Sans”, sans-serif and “Bebas Neue”, sans-serif
• Other: Hero overlay will be removed if there are no headlines or captions present in the active video or slideshow fields and/or tools.