Branding Guidelines
Logo & Brand
Design System
Brand Guidelines
- When people interact with our content, product, and services, we want them to feel (…).
- When people see something from our brand, they think it is (…).
- When thinking about our brand, we don’t want people to feel (…).
- If our brand were a person, they would be described as (…).
Color Palettes
Light Shades
Use this color as the background for dark-on-light designs, or the text color of an inverted design.
Light Accent
Accent colors can be used to bring attention to design elements by contrasting with the rest of the palette.
Main Brand Color
Main color (logo color). Applied liberally to layout and typography as its the main identity.
Dark Accent
Another accent color to consider to highlight design or information. Could be used as an alternate color.
Dark Shades
Use as the text color for dark-on-light designs, or as the background for inverted designs.
Alternate/Complimentary Colors
Primary
Used for primary button background and other call-to-action messages.
Info
Success
Warning
Secondary
Typography
Autograph Regular
Aa
Montserrat Regular
Aa
Montserrat Bold
Aa
Open Sans Regular
Aa
Open Sans Italic
Aa
Display/Header Text
Heading Level 1
Heading Level 2
Heading Level 3
Heading Level 4
Heading Level 5
Heading Level 6
Display/Header Text (Alternative)
Heading Level 1
Heading Level 2
Heading Level 3
Heading Level 4
Heading Level 5
Heading Level 6
Body Text
Egestas hac netus praesent aliquam phasellus aliquet efficitur nullam. Id viverra mattis egestas. Sample link at felis lacus conubia donec habitant. Iprimis maximus at felis lacus conubia donec habitant erat neque nullam dapibus malesuada elementum metus accumsa.
Aptent eros justo pellentesque placerat volutpat sapien conubia amet accumsan. Sollicitudin elit velit erat fusce magna sapien etiam malesuada nascetur.
Sample label (large)
Sample label (small)
Body Text (Alternative)
Egestas hac netus praesent aliquam phasellus aliquet efficitur nullam. Id viverra mattis egestas. Sample link at felis lacus conubia donec habitant. Iprimis maximus at felis lacus conubia donec habitant erat neque nullam dapibus malesuada elementum metus accumsa.
Aptent eros justo pellentesque placerat volutpat sapien conubia amet accumsan. Sollicitudin elit velit erat fusce magna sapien etiam malesuada nascetur.